.elementor-6020 .elementor-element.elementor-element-cbb6735:not(.elementor-motion-effects-element-type-background), .elementor-6020 .elementor-element.elementor-element-cbb6735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6020 .elementor-element.elementor-element-cbb6735 > .elementor-container{min-height:0px;}.elementor-6020 .elementor-element.elementor-element-cbb6735{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;}.elementor-6020 .elementor-element.elementor-element-cbb6735 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6020 .elementor-element.elementor-element-8856cd8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6020 .elementor-element.elementor-element-8856cd8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6020 .elementor-element.elementor-element-8856cd8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-8856cd8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6020 .elementor-element.elementor-element-6763888 > .elementor-widget-container{margin:-59px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-fd29dfc:not(.elementor-motion-effects-element-type-background), .elementor-6020 .elementor-element.elementor-element-fd29dfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-6020 .elementor-element.elementor-element-fd29dfc > .elementor-container{max-width:1600px;}.elementor-6020 .elementor-element.elementor-element-fd29dfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-32px;margin-bottom:20px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-fd29dfc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6020 .elementor-element.elementor-element-35d4bb7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:-4px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-35d4bb7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6020 .elementor-element.elementor-element-cbaa579{width:100%;max-width:100%;}.elementor-6020 .elementor-element.elementor-element-cbaa579 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-f3e4c48{--display:flex;--margin-top:-77px;--margin-bottom:39px;--margin-left:0px;--margin-right:0px;}.elementor-6020 .elementor-element.elementor-element-b624e56{--e-image-carousel-slides-to-show:7;width:var( --container-widget-width, 79% );max-width:79%;margin:-7px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;padding:0px 012px 0px 12px;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-6020 .elementor-element.elementor-element-b624e56.elementor-element{--align-self:center;}.elementor-6020 .elementor-element.elementor-element-8348fc6{margin-top:0px;margin-bottom:0px;}.elementor-6020 .elementor-element.elementor-element-4297470 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-557aff6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-b6c365c > .elementor-container{min-height:0px;}.elementor-6020 .elementor-element.elementor-element-b6c365c{margin-top:-20px;margin-bottom:0px;padding:-12px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-985c7d9 > .elementor-widget-container{margin:-103px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-57b0ab0{margin-top:0px;margin-bottom:0px;}.elementor-6020 .elementor-element.elementor-element-a9d1ea4{--display:flex;--overflow:hidden;}.elementor-6020 .elementor-element.elementor-element-33ad1af{margin:58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6020 .elementor-element.elementor-element-bbf8361{margin-top:-13px;margin-bottom:0px;}.elementor-6020 .elementor-element.elementor-element-a226a41 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(min-width:768px){.elementor-6020 .elementor-element.elementor-element-35d4bb7{width:100%;}}@media(max-width:1024px){.elementor-6020 .elementor-element.elementor-element-cbb6735{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-8856cd8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6020 .elementor-element.elementor-element-6763888 > .elementor-widget-container{margin:31px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-fd29dfc{margin-top:-14px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-35d4bb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-cbaa579{width:var( --container-widget-width, 719px );max-width:719px;--container-widget-width:719px;--container-widget-flex-grow:0;}.elementor-6020 .elementor-element.elementor-element-cbaa579 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6020 .elementor-element.elementor-element-cbb6735{margin-top:84px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-8856cd8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-6763888 > .elementor-widget-container{margin:-55px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-fd29dfc{margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-35d4bb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-cbaa579{width:100%;max-width:100%;}.elementor-6020 .elementor-element.elementor-element-cbaa579 > .elementor-widget-container{margin:-117px 0px 0px 0px;padding:20px 0px 20px 0px;}.elementor-6020 .elementor-element.elementor-element-cbaa579.elementor-element{--align-self:center;}.elementor-6020 .elementor-element.elementor-element-f3e4c48{--margin-top:-131px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6020 .elementor-element.elementor-element-b624e56{--e-image-carousel-slides-to-show:3;width:var( --container-widget-width, 327px );max-width:327px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:327px;--container-widget-flex-grow:0;}.elementor-6020 .elementor-element.elementor-element-8348fc6{margin-top:-210px;margin-bottom:0px;}.elementor-6020 .elementor-element.elementor-element-4297470 > .elementor-element-populated{margin:193px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6020 .elementor-element.elementor-element-557aff6 > .elementor-widget-container{margin:22px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-6020 .elementor-element.elementor-element-b6c365c > .elementor-container{min-height:0px;}.elementor-6020 .elementor-element.elementor-element-b6c365c{margin-top:-223px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-2a208f7 > .elementor-element-populated{margin:200px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6020 .elementor-element.elementor-element-985c7d9 > .elementor-widget-container{margin:-65px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-985c7d9.elementor-element{--align-self:center;}.elementor-6020 .elementor-element.elementor-element-57b0ab0{margin-top:62px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-d44657a > .elementor-widget-container{margin:-62px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6020 .elementor-element.elementor-element-a9d1ea4{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6020 .elementor-element.elementor-element-33ad1af{margin:62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6020 .elementor-element.elementor-element-bbf8361{margin-top:-13px;margin-bottom:0px;}}/* Start custom CSS for bdevs-slider, class: .elementor-element-6763888 */.elementor-6020 .elementor-element.elementor-element-6763888 .rotate-hero {
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0px;
}
.hero-content {
    position: absolute;
    bottom: 72px;
    background-color: var(--black-100);
    max-width: 310px;
    padding: 18px;
    z-index: 9;
}


.carousel-indicators {
    margin-bottom: -32px;
}
@media (max-width:1024px){
.hero-content {
    position: absolute;
    bottom: 11px;
    background-color: var(--black-100);
    max-width: 310px;
    padding: 15px;
    z-index: 9;
}
}
@media only screen and (max-width: 768px) {
    h1, .h1 {
        line-height: 1.2;
        font-size: 42px !important;
        letter-spacing: -2px;
    }
        .hero-area .col-lg-2:has(.rotate-hero) {
        display: block;
        margin-top: 120px;
       
    }
    .hero-content .hero-btn {
        margin-top: 4px;
    }

.light-mode .rotate-hero {
    color: var(--black-100);
    margin-left: 300px;
}
.rotate-hero {
    width: 725px;
    color: var(--black-30);
    font-size: 220px;
    text-transform: uppercase;
    transform: rotate(0deg) !important;
    letter-spacing: -25px;
    position: absolute;
    left: -260px !important;
    top: 55px !important;
    line-height: 160px;
    bottom: 255px;
    text-shadow: 2px 0 var(--black-30);
    white-space: nowrap;
}
.hero-btn {
  position: relative;
  z-index: 9999;
  pointer-events: auto !important;
}


   
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cbb6735 */@media (max-width: 1024px){
.elementor-5267 .elementor-element.elementor-element-fd29dfc {
    margin-top: -36px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}
   .elementor img.hero-img {
    height: 467px;
    object-fit: cover;
}
.elementor-5267 .elementor-element.elementor-element-6763888 .rotate-hero {
    font-size: 70px;
    line-height: 1;
    letter-spacing: 0px;
}
}/* End custom CSS */
/* Start custom CSS for bdevs-about, class: .elementor-element-cbaa579 */@media only screen and (max-width: 1199px) {
    .about-area .nav-tabs .nav-item .small-image {
        height: 521px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 15000px) {
    .about-area .nav-tabs .nav-item .small-image {
        max-width: 110px;
        height: 800px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 576px) {
    .about-area .nav-tabs .nav-item:has(.nav-link) .big-image {
        max-width: 100%;
        height: 400px;
    }

}
@media only screen and (max-width: 1199px) {
    .about-area .nav-tabs .nav-item .big-image {
        max-width: 340px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 15000px) {
    .about-area .nav-tabs .nav-item .big-image {
        max-width: 525px;
        height: 800px;
        object-fit: cover;
    }
}
.big-image{
    height: 200px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fd29dfc */.elementor-6020 .elementor-element.elementor-element-fd29dfc .nav {
    display: flex;
    justify-content: center;
}
@media (max-width:1024px)
{.elementor-5267 .elementor-element.elementor-element-fd29dfc {
    margin-top: -35px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}
}

@media (max-width: 767px)
{.elementor-5267 .elementor-element.elementor-element-fd29dfc {
    margin-top: 85px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}
}/* End custom CSS */
/* Start custom CSS for bdevs-services, class: .elementor-element-557aff6 *//* Wrapper */
.right-arrow {
  position: relative;
  display: none;
  align-items: center;
  margin-left: 14px;
}


.big-text{
    font-size: 60px;
    letter-spacing: 1px;
    margin-top: 20px;
    color: #86BAC5;
}

.carousel-control-prev-icon{
    visibility: visible;
    color: black;
}
.carousel-control-next-icon{
    visibility: visible;
    color: black;
}
.carousel-inner{
    position: static;
    margin-top: -100px;
}

.scroll-top{
    visibility: hidden;
}
.section-title{
    margin-left: -20px;
    padding-left: 5px;
}

.carousel-buttons{
    margin-top: 10px;
}
.section-title h2 {
    margin-bottom: 0;
    margin-top: -80px;
}
@media only screen and (max-width: 991px){
    .big-text{
    font-size: 30px;
    letter-spacing: 1px;
    margin-top: 10px;
    color: #86BAC5;
}
}/* End custom CSS */
/* Start custom CSS for bdevs-interior-area, class: .elementor-element-985c7d9 */.interior-area .carousel-item img {
    width: 100%;
    height: 500px;
    max-height: 808px;
    object-fit: cover;
}


.interior-area .carousel-inner{
    margin-top: -40px;
}
.interior-area .carousel-buttons{
    display: block;
    margin-top: 50px;
}
.carousel-control-prev-icon{
 
   z-index: 1000;
}
.carousel-control-next-icon{
    z-index: 1000;
}

@media only screen and (max-width: 991px) {


    .interior-area .carousel-buttons {
        z-index: 1000;
    display: block;
    margin-top: 170px;
}
}
.interior-area .sub-title{
    display: none;
}
.light-mode .team-area .carousel-buttons button i, .light-mode .interior-area .carousel-buttons button i {
    color: white !important;
}
/* Hide all arrow sets first */
.interior-area .tab-style-one .carousel-buttons{
  display: none !important;
}

/* Show only active tab arrows */
.interior-area .tab-style-one .nav-item > .nav-link.active + .carousel-buttons{
  display: flex !important;
}

/* Position arrows at top-right of the tabs area */
.interior-area .tab-style-one{
  position: relative; /* anchor for absolute buttons */
}

.interior-area .tab-style-one .nav-item > .nav-link.active + .carousel-buttons{
  position: absolute !important;
  top: 25;
  right: 0;

  gap: 10px;
  z-index: 9999;
}

/* Button styling + click safety */
.interior-area .tab-style-one .carousel-buttons button{
  width: 42px;
  height: 42px;
  background: #000;
  border: none;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  pointer-events: auto !important;
}
@media (max-width: 768px){
  .interior-area .tab-style-one .nav-item > .nav-link.active + .carousel-buttons{
    top: 30px;
    right: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for bdevs-work-process, class: .elementor-element-d44657a */.h5{
    visibility: visible;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@media only screen and (max-width: 576px) {
    .timeline-area .slick-list {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    .timeline-area .slick-list {
        margin-bottom: 64px;
    }
}

.content{
    margin-top: -80px;
}
.timeline-area{
    margin-bottom: -60px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-57b0ab0 */@media (max-width: 767px) {
  .timeline-area .row.align-items-center {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
  }

  .timeline-area .row.align-items-center > .col-md-2 {
    flex: 0 0 80px;   /* left column width */
    max-width: 80px;
  }

  .timeline-area .row.align-items-center > .col-md-10 {
    flex: 1 1 auto;   /* right column takes remaining space */
    max-width: calc(100% - 80px);
  }
   .timeline-content,
  .timeline-images {
    width: 100% !important;
  }
  .timeline-area .timeline-images .content {
    padding: 30px 10px 5px 15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ad1af */:root {
        --primary-bg: #000000;
        --text-primary: #FFFFFF;
        --text-secondary: #FFFFFF;
        --accent-gold: #4A9DB5;
        --accent-gold-light: #5BA4BD;
        --ui-divider: #1A1A1A;
        --ui-card-bg: #0A0A0A;
        --ui-overlay: rgba(0, 0, 0, 0.7);
        --state-active: rgba(212, 175, 55, 0.25);
    }

  

    .bb-infrastructure-body {
        background-color: var(--primary-bg);
        color: var(--text-primary);
        font-family: 'Montserrat', sans-serif;
        overflow-x: hidden;
        font-weight: 300;
        line-height: 1.6;
    }

    /* REMOVED: .bb-scene-container */

    .bb-viewport {
        position: relative;
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        perspective: 2000px;
        overflow: hidden;
        background: radial-gradient(circle at 50% 50%, var(--ui-card-bg) 0%, var(--primary-bg) 100%);
    }

    .bb-blueprint-table {
        position: relative;
        width: 1200px;
        height: 800px;
        transform-style: preserve-3d;
        transform: rotateX(40deg) rotateZ(-5deg);
        background-image: 
            linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
        background-size: 40px 40px;
        border: 1px solid var(--ui-divider);
        box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }

    #bb-india-map-svg {
        width: 100%;
        height: 100%;
        filter: drop-shadow(0 20px 50px rgba(0,0,0,0.5));
        transform: translateZ(20px);
    }

    .bb-land {
        fill: rgba(255, 255, 255, 0.03);
        stroke: rgba(255, 255, 255, 0.15);
        stroke-width: 0.7;
        transition: fill 0.3s ease;
    }

    .bb-state-active {
        fill: var(--state-active) !important;
        stroke: var(--accent-gold) !important;
        stroke-width: 2.5;
    }

    #bb-roller-tool {
        position: absolute;
        width: 120px;
        height: 120px;
        z-index: 1000;
        pointer-events: none;
        filter: drop-shadow(0 15px 25px rgba(0,0,0,0.8));
    }

    #bb-roller-tool svg {
        width: 100%;
        height: 100%;
    }

    .bb-paint-reveal {
        fill: none;
        stroke: url(#bb-concreteGrad);
        stroke-width: 20;
        stroke-linecap: round;
        stroke-linejoin: round;
        filter: url(#bb-wetConcreteFilter);
        z-index: 999;
        position: relative;
    }

    .bb-paint-path-bg {
        fill: none;
        stroke: rgba(255,255,255,0.03);
        stroke-width: 10;
        stroke-linecap: round;
        z-index: 998;
    }

    .bb-state-marker { 
        cursor: pointer;
        transform-box: fill-box;
        transform-origin: center;
        z-index: 1000;
    }
    
    .bb-marker-pulse {
        fill: var(--accent-gold);
        opacity: 0.3;
    }
    
    .bb-marker-dot {
        fill: var(--accent-gold);
        stroke: var(--text-primary);
        stroke-width: 2;
    }

    .bb-project-card {
        position: absolute;
        background: var(--ui-card-bg);
        backdrop-filter: blur(20px);
        border: 1px solid var(--ui-divider);
        border-left: 3px solid var(--accent-gold);
        padding: 24px;
        border-radius: 2px;
        opacity: 0;
        visibility: hidden;
        z-index: 3000;
        width: 320px;
        pointer-events: none;
        box-shadow: 0 8px 32px rgba(0,0,0,0.3);
        transform: translateZ(0px) rotateX(0deg) rotateY(0deg);
        transition: opacity 0.3s ease;
    }
    
    .bb-project-card {
        position: fixed !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 320px !important;
        z-index: 3000 !important;
        pointer-events: auto !important;
    }
    
    /* For desktop - position cards to the right/left appropriately */
    @media (min-width: 769px) {
        .bb-project-card {
            position: fixed !important;
            max-width: 320px !important;
            min-width: 320px !important;
            left: auto !important;
            right: 40px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
        }
        
        /* For states on the right side of the map, position cards to the left */
        .bb-project-card.bb-right-side-state {
            left: 40px !important;
            right: auto !important;
        }
    }
    
    /* For mobile - keep existing mobile styles */
    @media (max-width: 768px) {
        .bb-project-card {
            position: fixed !important;
            left: 96% !important;
            top: auto !important;
            bottom: 20px !important;
            transform: translateX(-50%) !important;
            width: 90% !important;
            max-width: 320px !important;
            max-height: 72vh !important;
        }
    }

    .bb-project-card.bb-active {
        opacity: 1;
        visibility: visible;
    }

    .bb-card-header { 
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.5px;
        margin: 8px 0 16px 0;
        color:#FFFFFF !important;
        line-height: 1.3;
    }
    
    .bb-card-img { 
        width: 100%; 
        height: 140px; 
        border-radius: 1px; 
        margin: 16px 0; 
        overflow: hidden; 
    }
    
    .bb-card-img img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
    }
    
    .bb-card-bullets { 
        list-style: none; 
        font-size: 14px; 
        color: var(--text-secondary); 
        margin: 16px 0; 
        line-height: 1.8;
    }
    
    .bb-card-bullets li { 
        margin-bottom: 8px;
        position: relative;
        padding-left: 20px;
    }
    
    .bb-card-bullets li::before { 
        content: "▸"; 
        color: var(--accent-gold); 
        position: absolute;
        left: 0;
    }

    .bb-top-label {
        position: fixed; 
        top: 40px; 
        left: 50%;
        transform: translateX(-50%);
        text-align: center; 
        z-index: 1000;
        font-family: 'Montserrat', sans-serif;
    }
    
    .bb-top-label h2 {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--text-primary);
        margin-bottom: 4px;
    }
    
    .bb-top-label p {
        font-size: 11px;
        font-weight: 300;
        letter-spacing: 1px;
        color: var(--accent-gold);
        text-transform: uppercase;
    }
    
    .bb-current-state {
        position: absolute; 
         bottom: calc(35vh + -190px) !important;
        left: 50%; 
        transform: translateX(-80%);
        background: var(--ui-card-bg);
        color: var(--accent-gold);
        padding: 12px 32px; 
        border: 1px solid var(--accent-gold);
        border-radius: 0;
        font-family: 'Montserrat', sans-serif; 
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        z-index: 1000; 
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        min-width: 200px;
        text-align: center;
    }
    
    .bb-current-state.bb-active { 
        opacity: 1;
        visibility: hidden;
    }

    .bb-progress-nav {
        position: fixed; 
        right: 40px; 
        top: 50%; 
        transform: translateY(-50%);
        z-index: 1000; 
        display: flex; 
        flex-direction: column; 
        gap: 12px;
    }
    
  

    /* Active marker styles */
    .bb-active-marker .bb-marker-pulse {
        animation: bb-pulse 1s infinite !important;
        opacity: 0.8;
    }
    
    .bb-active-marker .bb-marker-dot {
        fill: var(--accent-gold);
        stroke: var(--text-primary);
        stroke-width: 3;
        filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));
    }

    @keyframes bb-pulse {
        0% { transform: scale(1); opacity: 0.3; }
        50% { transform: scale(1.3); opacity: 0.1; }
        100% { transform: scale(1); opacity: 0.3; }
    }

    /* Update SVG gradient for the new palette */
    #bb-concreteGrad stop:first-child {
        stop-color: #333;
    }
    
    #bb-concreteGrad stop:nth-child(2) {
        stop-color: #666;
    }
    
    #bb-concreteGrad stop:last-child {
        stop-color: #444;
    }
    
    /* ============================================
       RESPONSIVE MOBILE STYLES - FIXED ORDER
       ============================================ */
    @media (max-width: 768px) {
        /* Fix viewport */
        .bb-viewport {
            perspective: 800px;
            overflow: visible;
            transform-style: preserve-3d;
        }
        
        /* Scale down blueprint table */
        .bb-blueprint-table {
            width: 130vw !important;
            height: 130vh !important;
            transform: translate(-50%, -50%) rotateX(50deg) rotateZ(-5deg) scale(0.6) !important;
            transform-origin: center center !important;
            position: absolute;
            left: 19%;
            top: 32% !important;
            margin: 0;
            z-index: 1; /* Map layer */
        }
        
        /* Scale down roller */
        #bb-roller-tool {
            width: 60px !important;
            height: 60px !important;
            transform-origin: center center !important;
            backface-visibility: hidden;
            will-change: transform;
            z-index: 2; 
           /* Above map */
        }
        
        /* Project card - positioned at bottom */
        .bb-project-card {
            position: fixed !important;
            left: 56% !important;
            top: auto !important;
            bottom: 20px !important;
            transform: translateX(-50%) !important;
            width: 90% !important;
            max-width: 320px !important;
            margin: 0 !important;
            z-index: 3 !important; /* Above roller */
            background: rgba(10, 10, 10, 0.95) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            border: 1px solid var(--ui-divider) !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
            max-height: 40vh;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .bb-project-card.bb-active {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0) !important;
        }
        
        /* Current state label - positioned above card */
        .bb-current-state {
            position: absolute !important;
            bottom: calc(35vh + -190px) !important;/* Above the project card */
            left: 50% !important;
            transform: translateX(-50%) !important;
            font-size: 12px;
            padding: 8px 20px;
            min-width: 160px;
            z-index: 4 !important; /* Above everything */
            background: rgba(10, 10, 10, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid var(--accent-gold);
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
        }
        
        .bb-current-state.bb-active {
            opacity: 1;
            visibility: hidden;
        }
        
        /* Adjust top label */
        .bb-top-label {
            top: 20px;
            width: 90%;
            padding: 0 5%;
            z-index: 4;
        }
        
        .bb-top-label h2 {
            font-size: 11px;
            letter-spacing: 1.5px;
        }
        
        .bb-top-label p {
            font-size: 9px;
        }
        
        /* Adjust navigation dots */
        .bb-progress-nav {
            right: 15px;
            gap: 8px;
            z-index: 4;
        }
        
        .bb-nav-dot {
            width: 10px;
            height: 10px;
        }
        
        /* Ensure map is visible */
        #bb-india-map-svg {
            overflow: visible;
        }
        
        /* Fix z-index for mobile layers */
        #bb-map-states {
            z-index: 1;
        }
        
        #bb-paint-stroke, #bb-master-path {
            z-index: 1;
        }
        
        #bb-state-markers {
            z-index: 2;
        }
    }
    
    /* Add this to your existing mobile media query */
    @media (max-width: 768px) {
        /* Fix for mobile scrolling sync */
        .bb-viewport {
            overflow: hidden !important;
            transform-style: preserve-3d;
            will-change: transform;
            backface-visibility: hidden;
        }
        
        .bb-blueprint-table {
            transform-origin: center center !important;
            will-change: transform;
            backface-visibility: hidden;
        }
        
        #bb-roller-tool {
            will-change: transform;
            transform-box: fill-box;
            backface-visibility: hidden;
            z-index: 10; /* Ensure it's above other elements */
        }
        
        #bb-master-path, #bb-paint-stroke {
            transform-box: fill-box;
            backface-visibility: hidden;
        }
        
        /* Ensure the paint stroke is visible */
        .bb-paint-reveal {
            stroke-width: 15 !important; /* Thicker stroke for mobile */
            filter: none; /* Remove filter for better performance */
        }
        
        /* Fix z-index layering */
        #bb-map-states {
            z-index: 1;
        }
        
        #bb-master-path, #bb-paint-stroke {
            z-index: 2;
        }
        
        #bb-state-markers {
            z-index: 3;
        }
        
        #bb-roller-tool {
            z-index: 4;
        }
    }

    @media (max-width: 480px) {
        #bb-roller-tool {
            width: 50px !important;
            height: 50px !important;
           
        }
        
        .bb-project-card {
            bottom: 15px !important;
            width: 92% !important;
            max-width: 300px !important;
            max-height: 35vh;
            padding: 16px;
        }
        
        .bb-current-state {
            font-size: 11px;
            padding: 6px 16px;
        }
        
        .bb-card-header {
            font-size: 18px;
        }
        
        .bb-card-img {
            height: 100px;
        }
        
        .bb-card-bullets {
            font-size: 12px;
        }
    }

    /* Landscape orientation */
    @media (max-height: 600px) and (orientation: landscape) {
        .bb-blueprint-table {
            transform: translate(-50%, -50%) rotateX(40deg) rotateZ(-5deg) scale(0.5) !important;
        }
        
        .bb-project-card {
            bottom: 10px;
            max-height: 60vh;
            max-width: 280px;
        }
        
        .bb-card-img {
            height: 80px;
        }
    }/* End custom CSS */
/* Start custom CSS for bdevs-cta, class: .elementor-element-a226a41 */.white{
    visibility: visible;
}
.wpcf7-form-control-wrap{
    visibility: visible;
}
.cta-content h2{
    margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for bdevs-blog, class: .elementor-element-853d0d9 */.blog-item .content> span{
    visibility: hidden;
}
.blog-meta{
    visibility: hidden;
}
.blog-item{
    margin-top: 15px;
    
    height: 740px;
}
.blog-home .blog-item .image img {
    height: 100% !important;
}
.blog-home .blog-item .image img {
    width: 100%;
    height: auto;
    height: 392px;
    margin: -30px 0;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.content h6{
    margin-top: 70px;
}
.blog-area h2{
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS */body:has(.light-mode) {
    color: var(--black-90);
    overflow-x: hidden;
}/* End custom CSS */