header {
    
    top: 0;
	    
}

header a.hasDrop:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -2px;
    top: 7px;
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/nav-icon.svg);
}

header nav ul li a:hover {
    color: #ffffff !important;
}



/* --- Products Slider Section --- */


.product-slider-section {
    background: #f9f9f9 !important;
    color: #000 !important;
    overflow: hidden !important;
}

/* margin-bottom raha, flex properties Bootstrap ne le li */
.product-header {
    margin-bottom: 50px !important;
}

.product-pill {
    display: inline-block !important;
    border: 1px solid #110075 !important;
    color: #110075 !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

.product-title-group h2 {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
	margin: 0px;
}

/* gap Bootstrap ne liya (gap-2), baki styling same */
.explore-btn {
    background: #0D0060 !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Swiper Cards */
.productSwiper { padding-bottom: 80px !important; }

.product-card {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 0px !important;
    text-align: left !important;
    transition: 0.3s ease !important;
    height: 100% !important;
}

.prod-img-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
position: relative;

}

.prod-img-box img {
width:100% !important;
}

.product-card h3 {
 font-size: 24px !important;
    color: #110075 !important;
    font-weight: 500 !important;
        margin: 0px !important;
    padding: 25px !important;
}

/* gap, ps, mt Bootstrap ne liya — sirf nav button styling rahi */
.p-prev, .p-next {
    width: 50px !important;
    height: 50px !important;
    background: #e0e0e0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #333 !important;
    font-size: 18px !important;
    transition: 0.3s !important;
}


.product-nav {
    gap: 10px;
}
.p-next { 
 color: #fff !important;
 }
.p-prev:hover { background: #110075!important; }
.p-prev:hover img { filter: brightness(0) invert(1); }

.p-next:hover { background: #110075!important; }
.p-next:hover img { filter: brightness(0) invert(1); }


/* Progress bar */
.swiper-pagination {
    position: relative !important;
    flex-grow: 1 !important;
    height: 5px !important;
    top: auto !important;
    background: #e0e0e0 !important;
    border-radius: 2px !important;
}

.swiper-pagination-progressbar-fill {
    background: #110075 !important;
}

/* Desktop 4 slides */
@media (min-width: 1200px) {
    .productSwiper .swiper-slide {

        display: flex !important;
        opacity: 1 !important;
    }
}

.productSwiper .swiper-wrapper {
    display: flex !important;
    
}



/* Reset & Base */
.split-hero {
    display: flex;
    width: 100%;
    height: 100vh; /* Full screen takay pixel perfect lage */
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.split-col {
    position: relative;
    flex: 1;
    overflow: hidden;
}

/* Background Image with Hover Zoom */
.split-bg-img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 6s ease;
    z-index: 1;
}

.split-col:hover .split-bg-img {
    transform: scale(1.1);
}

/* Overlay with Precise Padding */
.split-overlay-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%);
    
    /* EXACT PADDING FROM SCREENSHOT */
    padding: 0 80px 100px 80px; 
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
}

.text-box {
    max-width: 580px; /* Width control to match line breaks */
}

.hero {
    position: relative;
    height: 113vh;
    width: 100%;
    overflow: hidden;
    margin-top: -110px;
}

/* VIDEO */
.hero-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* DARK OVERLAY */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* CONTENT */
.hero-content {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 900px;
}

.hero-content h1 {
    font-size: clamp(32px, 4vw, 64px);
    font-weight: 400;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 25px;
}

.hero-content p {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 20px;
}

.about-pill::before {
    content: "";
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/dot-icon.svg);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.bull-image {
    display: flex !important;
    align-items: flex-end !important;
}

.about-inner-con {
    width: 33%;
    display: flex;
align-items: center;
}

.about-sec-inner {
    max-width: 1770px;
    margin: 0 auto;
}

.about-sec-con {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

section.about-section {
    padding-left: 20px;
    padding-right: 20px;
}

.product-title-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-pill {
    border: 1px solid #110075;
    border-radius: 50px;
    display: flex;
    width: fit-content;
    padding: 5px 15px 5px 30px;
    font-size: 16px;
    color: #110075;
    font-weight: 500;
    align-items: center;
    position: relative;
}

.hero-btn {
    display: inline-block;
    padding: 14px 40px;
    background: #fff;
    color: #000;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
}

/* GLASS CARD */
.hero-card {
    position: absolute;
    bottom: 60px;
    right: 6%;
    width: 420px;
    padding: 20px;
    border-radius: 20px;
    backdrop-filter: blur(20px);
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    z-index: 2;
}

.card-inner {
    display: flex;
    gap: 15px;
    align-items: center;
}

.card-img {
    width: 250px;
    height: 120px;
    overflow: hidden;
    border-radius: 12px;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-text h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

.card-text a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

/* ARROWS */
.card-arrows {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-top: 15px;
    color: #fff;
    cursor: pointer;
    margin-top: -20px;
}

/* BIG BACK TEXT */
.hero-bg-text {
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(120px, 18vw, 300px);
    font-weight: 600;
        color: rgb(255 255 255 / 14%);
    white-space: nowrap;
    z-index: 0;
}

/* ========================= */
/* 📱 RESPONSIVE */
/* ========================= */

@media (max-width: 992px) {

    .hero-content {
        left: 20px;
        right: 20px;
        max-width: 100%;
    }

    .hero-card {
        width: 90%;
        right: 50%;
        transform: translateX(50%);
        bottom: 30px;
    }

    .hero-bg-text {
        font-size: 120px;
        bottom: -40px;
    }
}

@media (max-width: 576px) {

    .hero-content h1 {
        font-size: 28px;
    }

    .hero-card {
        padding: 15px;
    }

    .card-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-img {
        width: 100%;
        height: 160px;
    }
}









/* SECTION */
.project-section {
    background: #fff !important;
    padding-bottom: 150px !important;
    width: 100%;
}

.project-sec-con {
    display: flex;
    max-width: 1770px;
    margin: 0 auto;
    gap: 20px;
}

.our-project-slider {
    padding: 0px 20px;
}

/* WRAPPER */
.project-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    max-width:1770px !important;
    margin:0 auto !important;
    gap:70px !important;
}

.our_new_slider .owl-prev {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #D9D9D9 !important;
    border-radius: 50px !important;
}

.our_new_slider .owl-nav img {
    filter: brightness(0) invert(0);
}

.our_new_slider .owl-next{
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #D9D9D9 !important;
    border-radius: 50px !important;
}

.our_new_slider .owl-prev:hover {
    background: #110075 !important;
}

.our_new_slider .owl-next:hover {
    background: #110075 !important;
}

.our_new_slider .owl-prev:hover img {
     filter: brightness(0) invert(1) !important;
}

.our_new_slider .owl-next:hover img {
     filter: brightness(0) invert(1) !important;
}

section.our_news .owl-dots {
    width: 90%;
}

section.training_portal {
    padding-bottom: 100px !important;
    padding-left: 20px;
    padding-right: 20px;
}

.our_new_slider .owl-nav {
    gap: 0px;
margin-top: 35px !important;
}

a.header-btn-one {
    background: transparent !important;
    color: white !important;
    padding: 17px 20px !important;
    border: 1px solid white;
    border-radius: 100px;
    font-size: 16px;
    letter-spacing: -1%;
    line-height: 16px;
}

a.header-btn-two {
    background: white;
    border-radius: 50px;
    padding: 17px 30px;
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -2%;
 display: inline-flex;
    gap: 12px;
border: 1px solid white;
}

a.header-btn-two:hover {
    background: transparent;
    border: 1px solid white;
    color: white !important;
}

img.slider-left-arrow{
  transform: rotate(180deg) !important;

}

.read-more {
    background: #110075 !important;
    color: white !important;
    padding: 17px 30px !important;
}

a.header-btn-one:hover {
    background: #110075 !important;
    border-color: #110075;
}

a.header-btn-two:hover img {
 filter: brightness(0) invert(1);
}

a.header-btn-two img {
    width: 14px;
}

/* LEFT */
.project-left{
    width:50% !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.projects-heading{
      font-size: 40px !important;
    margin: 20px 0 !important;
    color: #000000;
    max-width: 550px;
}

.project-title{
        color: #110075 !important;
    margin: 80px 0 30px 0 !important;
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
}

.project-meta p{
    margin-bottom:10px !important;
    color:#444 !important;
}

.project-desc {
    margin-top: 30px !important;
    color: #5F6062 !important;
    font-size: 18px;
    font-weight: 400;
    max-width: 685px;
    margin-bottom: 30px;
}

.image-list {
    display: flex;
    align-items: baseline;
    gap: 15px;
}

.project-meta {
    gap: 40px;
}

.image-list-data h4 {
    margin: 0px;
    color: #110075;
    font-size: 18px;
    font-weight: 600;
}

.image-list-data p {
    margin: 0px !important;
    font-size: 18px;
    font-weight: 500;
    color: #494A4B;
}

.image-list img {
    width: 18px;
}

/* BUTTON */
.view-btn{
    display:inline-block !important;
    margin-top:20px !important;
    padding:12px 25px !important;
    background:#110075 !important;
    color:#fff !important;
    border-radius:30px !important;
    text-decoration:none !important;
}

/* ARROWS */
.project-arrows{
    margin-top:30px !important;
    display:flex !important;
    gap:10px !important;
}

.project-arrows button{
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    border:none !important;
    background:#eee !important;
    cursor:pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.prev:hover {
    background: #110075 !important;
}

button.next:hover {
    background: #110075 !important;
}

button.next:hover img {
filter: brightness(0) invert(1);
}

button.prev:hover img {
filter: brightness(0) invert();
}




.p-prev img {
    filter: brightness(0) invert(0);
}

.p-next img {
    filter: brightness(0) invert(0);
}

button.next img {
    filter: brightness(0) invert(0);
}

button.prev img {
    filter: brightness(0) invert(0);
}

.project-arrows .next{
    color:#fff !important;
}

/* RIGHT */
.project-right{
    width:50% !important;
    position:relative !important;
}

/* BIG IMAGE */
.main-img{
    width:600px !important;
    object-fit:cover !important;
    border-radius:30px !important;
    top:0 !important;
    left:180px !important;
    z-index:1 !important;
    transition:0.5s !important;
}

/* SMALL IMAGE */
.overlap-img{
    position:absolute !important;
    bottom:-40px !important;
    right:0px !important;
    width:360px !important;
    height:380px !important;
    object-fit:cover !important;
    border-radius:25px !important;
    border:10px solid #fff !important;
    box-shadow:0 20px 60px rgba(0,0,0,0.2) !important;
    z-index:2 !important;
    transition:0.5s !important;
}


section.product-slider-section , section.hero-section{
    width: 100%;
    padding: 100px 20px;
}

.product-slider-inner-con {
    max-width: 1770px;
    margin: 0 auto;
}


header nav {
    max-width:1770px;
margin: 0 auto;
    border-radius: 100px;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(2.5999999046325684px);
    position: relative;
    z-index: 99;
padding: 10px 0px;
	
}

header nav ul li a {
    color: #ffffff;
     
}




section.hero-section {
    text-align: center;
    width: 100%;
}

.green{
    padding: 50px !important;
}


.forem{
    padding-top: 50px;
    padding-bottom: 30px;
}

.fancy_list{
    padding-top: 60px !important;
}

.Follow{
    padding-top: 60px;
}




.primeBtn{
    padding: 15px 30px !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #fff !important;

}


.Subscribe{
    margin-top: 0px !important;
}

.training-con-one {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.training-con {
    max-width: 1470px;
    margin: 0 auto;
}

ul#pills-tab {
    justify-content: flex-end !important;
}

.home-follow-insta h2 {
    margin-top: 20px;
}


.home-follow-insta {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.my_container {
	padding: 0px !important;
    max-width: 1770px;
    margin: 0 auto !important;

}

.text-box {
    max-width: 580px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.text-box img {
    width: 170px;
}


.rounded-3 {
    border-radius: 10px !important;
}

h2.hero-heading , p.hero-para{
    color: #fff;
	margin: 0px;
}

.split-overlay-content {
    display: flex;
    flex-direction: row;
    align-items: end;
}


section.hero-section {
    padding: 100px 20px 50px 20px;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

section.hero-section h1 {
    color: #000000;
    margin: 0px;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -2%;
}

section.hero-section p {
    margin: 0px;
    font-size: 18px;
    color: #5F6062;
    font-weight: 400;
    line-height: 30px;
    max-width: 930px;
}

span.projects-pill {
    border: 1px solid !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
}


.Outdoor-Family {
     border: 1px solid !important;
    width: 18% !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
}

a.primeBtn {
    /* background-color: #1a0074; */
    color: #1a0074;;
}
a.primeBtn.d-none.d-md-block:hover {
    color: #fff !important;
    background-color: transparent !important;
}

a.about-btn{
    background-color: #1a0074;
    color: #fff;
    padding: 13px 25px;
    border-radius: 50px;
}

section.hero-section {
    text-align: -webkit-center;
}

.wk_overly
{
    background: red;
    height: 100%;
    width: 100%;
}      












/* ABOUT PAGE CSS  */


/* --- About Hero Section --- */
.about-hero {
    position: relative !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* Height barha di hai yahan se */
    min-height: 75vh !important; 
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

.overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* VIP Black Overlay */
    /* background: rgba(0, 0, 0, 0.6) !important;  */
    display: flex !important;
    align-items: center !important;
}

/* Content ki width barhane ke liye */
.custom-wide-container {
    max-width: 1770px !important; 
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0px;
}

.hero-content-wrapper {
    width: 100% !important;
    text-align: left !important;
}

.product-page-sec::after {
    content: "Products";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.sales-banner-new::after {
    content: "Sales Rep";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.new-contact-banner::after {
    content: "Contact";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.new-lookbook-banner::after {
    content: "Lookbook";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.new-team-banner::after {
    content: "Our Team";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.new-about-banner::after{
   content: "About";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}



.new-study-banner::after{
   content: "Study Lab";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.new-study-banner::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000087;
}

.new-training-banner::after{
   content: "Training";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

.single-detail-sec::After{
    content: "Products";
    position: absolute;
    bottom: -120px;
    right: 0;
    font-size: 290px;
    font-weight: 600;
    color: #ffffff21;
    line-height: normal;
    text-transform: uppercase;
}

/* White Colors and Bold Look */
.about-hero h1 {
    font-size: 56px !important; /* Text size barha diya wide look ke liye */
    font-weight: 400 !important;
    color: #ffffff !important; /* Pure White */
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px !important;
}

.about-hero .breadcrumb {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.8) !important; /* Slightly faded white for breadcrumb */
    font-weight: 600 !important;
    margin: 0 !important;
    text-transform: capitalize !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .about-hero { min-height: 50vh !important; }
    .about-hero h1 { font-size: 32px !important; }
}


















/* --- Manufacturing Section Styling --- */
.manufacturing-section {
    background: #fff !important;
    padding: 100px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    display: flex !important;
    justify-content: center !important;
   
}

/* Har section ki width 1900px fix */
.container-1900 {
    max-width: 1900px !important;
    margin: 0 auto !important;
}

.manufacturing-grid {
    display: flex !important;
    align-items: center !important;
    gap: 50px !important; /* Proper spacing between image and wider text column */
}

/* Image Styling (Choti & Flipped) */
.m-image-box {
    flex: 0 0 42% !important; /* Image container width kam ki he (prev was 1) */
    display: flex !important;
    justify-content: center !important; /* Center image within the smaller box */
}

.flipped-image img {
    width: 100% !important;
    border-radius: 30px !important; /* Matches image_7010ca.jpg corners */
    display: block !important;
    object-fit: cover !important;
    
    /* THE FLIP MAGIC: Horizontally flip the image */
    transform: scaleX(-1) !important;
}

/* Text Styling (Ab wider nazar aayega) */
.m-text-content {
    flex: 1 !important;
    padding-right: 50px !important;
}

.m-heading {
    font-size: 42px !important;
    color: #000 !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
}

.m-subheading {
    font-size: 24px !important;
    color: #110075 !important; /* Specific Purple/Blue from image_7010ca.jpg */
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 25px !important;
}

.m-description {
    font-size: 18px !important;
    color: #666 !important; /* Muted gray text */
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
}

.m-description strong {
    color: #444 !important;
    font-weight: 700 !important;
}

.m-footer-text {
    font-size: 18px !important;
    color: #888 !important;
    line-height: 1.6 !important;
}

/* Responsive for smaller screens */
@media (max-width: 1200px) {
    .manufacturing-grid { gap: 50px !important; }
    .m-image-box { flex: 1 !important; }
    .m-text-content { padding-right: 0 !important; }
    .m-heading { font-size: 32px !important;      margin-bottom: 20px !important;}
}










/* --- Precision Fabrication Section --- */
.precision-fabrication-section {
    padding: 100px 20px !important;
    background-color: #f9f9f9 !important;
    overflow: hidden !important;
}

.container-1900 {
    max-width: 1900px !important;
    margin: 0 auto !important;
    padding: 0 50px !important;
}

.fabrication-grid {
    display: flex !important;
    align-items: center !important;
    gap: 80px !important; /* Text aur image ke beech ka gap */
}

/* Text Side */
.f-text-content {
    flex: 1 !important;
}

.f-heading {
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    color: #222 !important;
    margin-bottom: 30px !important;
}



.f-description {
    font-size: 20px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 25px !important;
    font-weight: 400 !important;
}

.f-footer-text {
    font-size: 20px !important;
    color: #222 !important;
    /* border-top: 1px solid #ddd !important; */
    padding-top: 20px !important;
}

/* Image Side */
.f-image-box {
    flex: 1 !important;
    text-align: right !important;
}

.f-image-box img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* Soft edges */
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; /* Premium shadow */
}

/* Responsive Fix */
@media (max-width: 1200px) {
    .fabrication-grid {
        gap: 50px !important;
    }
    .f-text-content {
        max-width: 100% !important;
    }
    .f-image-box img {
        max-width: 100% !important;
    }
.f-heading {
    font-size: 30px !important;
    margin-bottom: 20px !important;
}

}








.vip-top-section {
    padding: 100px 20px 50px 20px !important; /* Niche gap kam rakha hai taake 2nd section fit ho sake */
    background-color: #fff !important;
}

.container-1900 {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0px !important;
}

.staggered-row {
    display: flex !important;
    align-items: anchor-center;
    gap: 100px !important;
}

/* Image Part Control */
.img-part {
    flex: 0 0 50% !important;
}

.manufacturing-section .container-1900 {
    max-width: 1770px !important;
}

.precision-fabrication-section .container-1900 {
    max-width: 1770px !important;
}

.vip-img-box {
    border-radius: 25px !important; /* VIP Smooth Corners */
    overflow: hidden !important;
    line-height: 0 !important;
}

.vip-img-box img {
    width: 100% !important;
    display: block !important;
}

/* Content Part Control */
.content-part {
    flex: 0 0 50% !important;
}

.content-width-box {
    max-width: 650px !important;
    padding-bottom: 20px !important;
}

/* Typography */
.vip-h2 {
    font-size: 2.5rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
    color: #1a1a1a !important;
}

.vip-p {
    font-size: 20px !important;
    line-height: 1.8 !important;
    color: #444 !important;
    margin-bottom: 25px !important;
}

/* Responsive Fix */
@media (max-width: 991px) {
    .staggered-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 40px !important;
    }
    .img-part, .content-part {
        flex: 0 0 100% !important;
    }
}








/* Section Wrapper */
.premium-hero-wrap {
    margin-top: -250px !important;
    padding: 0px 20px 60px 20px !important;
    background-color: #ffffff !important;
    width: 100% !important;
}

/* 1700px Custom Container */
.custom-container-1700 {
    max-width: 1750px !important; 
    margin: 0 auto !important;
    padding: 0 60px !important;
}

/* Flex Row */
.premium-flex-row {
    display: flex !important;
    align-items: center !important; 
    justify-content: space-between !important;
    gap: 100px !important;
    width: 100% !important;
}

/* Content Column (Left Side) */
.premium-col-content {
    flex: 0 0 50% !important; /* Spacing adjusted for left alignment */
}

.premium-content-lock {
    max-width: 700px !important; /* Width lock as per requirement */
    margin-top: 150px;
}

/* Image Column (Right Side) */
.premium-col-img {
    flex: 0 0 50% !important;
}

.premium-image-canvas {
    border-radius: 30px !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.premium-image-canvas img {
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Typography */
.premium-heading {
    font-size: 38px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #1a1a1a !important;
    margin-bottom: 35px !important;
}

.premium-text-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.premium-lead {
    font-size: 20px !important;
    line-height: 1.8 !important;
    color: #4a4a4a !important;
}

/* Mobile responsive fix */
@media (max-width: 991px) {
    .premium-flex-row {
        flex-direction: column-reverse !important; /* Image stays top on mobile */
        gap: 40px !important;
    }
    .premium-col-img, .premium-col-content {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    .premium-image-canvas img {
        height: 600px !important;
    }
}

.premium-image-canvas {
    width: 700px;
}





















.aged-section {
    position: relative !important;
    margin-top: 50px;
    width: 100% !important;
    height: 500px !important; /* Premium wide height */
    display: flex !important;
    align-items: center !important; /* Vertically center */
    justify-content: center !important; /* Horizontally center */
    text-align: center !important;
    overflow: hidden !important;
}

/* Image Background Logic in HTML */
.aged-bg-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

.aged-bg-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Perfect fit without stretching */
    object-position: center !important;
    display: block !important;
}

/* Dark Overlay */
.aged-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important; /* Dark shade for high text contrast */
    z-index: 1 !important;
}

/* Content Layer */
.aged-content-layer {
    position: relative !important;
    z-index: 2 !important; /* Content will be on top of image and overlay */
}

.aged-text-stack {
    max-width: 1100px !important; /* Width locked for clean centered look */
    margin: 0 auto !important;
    color: #ffffff !important;
}

/* Typography */
.aged-heading {
    font-size: 2.8rem !important; /* Premium VIP font size */
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
}

.aged-p-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.aged-p {
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
        max-width: 900px;
    margin: 0 auto;

    color: rgba(255, 255, 255, 0.95) !important;
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .aged-section { height: 500px !important; }
    .aged-heading { font-size: 2rem !important; }
    .aged-text-stack { max-width: 100% !important; }
}












.dual-feature-section {
    padding: 100px 20px !important;
    background-color: #fff !important;
}

.custom-container-1700 {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0px !important;
}

.feature-grid {
    display: flex !important;
    justify-content: space-between !important;
    gap: 40px !important; /* Space between two columns */
}

.feature-item {
    flex: 0 0 calc(50% - 20px) !important; /* Perfect 50% split */
    text-align: center !important;
}

.feature-img-box {
    width: 100% !important;
    border-radius: 20px !important; /* VIP rounded corners */
    overflow: hidden !important;
    margin-bottom: 40px !important;
}

.feature-img-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}

.feature-content {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.feature-title {
    font-size: 2.2rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin-bottom: 25px !important;
    color: #1a1a1a !important;
}

.feature-desc {
    font-size: 20px !important;
    line-height: 1.7 !important;
    color: #555 !important;
    margin-bottom: 20px !important;
}

.certification-footer {
    margin-top: 80px !important;
    text-align: right !important; /* Aligned to right like original */
}

.certification-footer p {
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #333 !important;
    letter-spacing: 1px !important;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .feature-grid {
        flex-direction: column !important;
    }
    .feature-item {
        flex: 0 0 100% !important;
        margin-bottom: 0px !important;
    }
    .certification-footer {
        text-align: center !important;
    }
}

.RoHS{
    font-weight: 600;
    color: #000;
	margin: 0px;
}


















/* Section Base with requested BG Color */
.timeless-wrap {
    padding: 100px 20px !important;
    background-color: #f9f9f9 !important; /* Specific BG from image_7dc235.jpg */
    width: 100% !important;
}

.custom-container-1700 {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0px !important;
}

.timeless-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 80px !important;
}

.timeless-wrap .custom-container-1700 {
    max-width: 1770px !important;
}

/* Content Control (Left) */
.timeless-content {
    flex: 0 0 45% !important;
}

.timeless-lock {
    max-width: 780px !important;
}

/* Image Control (Right) */
.timeless-image-col {
    flex: 0 0 50% !important;
}

.timeless-img-box {
    border-radius: 25px !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.timeless-img-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}

/* Typography */
.timeless-heading {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #1a1a1a !important;
    margin-bottom: 30px !important;
}

.timeless-text-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.timeless-p {
    font-size: 20px !important;
    line-height: 1.8 !important;
    color: #444 !important;
    margin: 0 !important;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .timeless-flex {
        flex-direction: column !important;
        gap: 40px !important;
    }
    .timeless-content, .timeless-image-col {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    .timeless-lock {
        max-width: 100% !important;
    }
}
















/* CONTACT PAGE CSS */




/* Contact Hero Wrapper - Same logic as .about-hero */
.contact-hero-area {
    position: relative !important;
    /* Height yahan se control ho rahi hai */
    height: 690px; 
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    width: 100% !important;
	padding: 0px 20px;
}

.single-detail-sec {
    height: 100vh !important;
}

.product-page-sec {
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/remove-word.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.single-detail-sec{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/single-product-ban-image.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sales-banner-new{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/sales-banner-clean.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-contact-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/contact-banner.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-lookbook-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/lookbook.webp) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-team-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/team-banner.webp) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-about-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/about-banner.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-nano-study-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/rooftop-two.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-mita-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/mita-two.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-wolf-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/wolf-two.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-hotel-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/h-two.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-nano-study-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000096;
}

.new-wolf-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000096;
}

.new-hotel-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000096;
}

.new-mita-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000096;
}

.new-study-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/study-banner.webp) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-training-banner{
    background-image: url(https://custom.proxdigital.live/bullard-outdoor/assets/images/training-bg.webp) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* HTML Background Image Handler */
.contact-hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

.contact-hero-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Image stretch nahi hogi */
    object-position: center !important;
    display: block !important;
}

/* VIP Black Overlay - Same as .overlay style */
.contact-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
   
    display: flex !important;
    align-items: center !important;
    z-index: 1 !important;
}

.contact-hero-content {
    width: 100% !important;
    text-align: left !important;
}

/* White Bold Heading Styling */
.contact-main-title {
    font-size: 64px !important; 
    font-weight: 400 !important;
    color: #ffffff !important; 
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px !important;
}

/* Breadcrumb Styling */
.contact-breadcrumb {
      font-size: 18px !important;
    color: rgb(255, 255, 255) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    text-transform: capitalize !important;
}

nav.contact-breadcrumb span {
    font-size: 24px;
}

.contact-breadcrumb a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Mobile Responsive - Exact same as your About Hero */
@media (max-width: 768px) {
    .contact-hero-area { min-height: 50vh !important; }
    .contact-main-title { font-size: 32px !important; }
}













.connect-section {
    padding: 100px 20px !important;
    background-color: #ffffff !important;
    text-align: center !important;
}

.connect-main-heading {
    font-size: 2.5rem !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    margin-bottom: 60px !important;
    letter-spacing: -0.5px !important;
}

.connect-grid {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
}

/* Card Styling */
.connect-card {
    background-color: #f9f9f9 !important; /* Very light grey background */
    border-radius: 20px !important;
    padding: 60px 10px !important;
    flex: 0 0 420px !important; /* Fixed width for standard look */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transition: transform 0.3s ease !important;
}

.connect-card:hover {
    transform: translateY(-5px) !important;
}

/* Icon Circle Styling */
.icon-circle {
    width: 90px !important;
    height: 90px !important;
    background-color: #120063 !important; /* Deep blue/purple from original image */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
    font-size: 30px !important;
}

/* Text Styling */
.connect-text {
    font-size: 24px !important;
    line-height: 1.6 !important;
    color: #120063 !important; /* Matching text color with icon bg */
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Responsive Fix */
@media (max-width: 1200px) {
    .connect-card {
        flex: 0 0 calc(50% - 30px) !important;
    }
}

@media (max-width: 768px) {
    .connect-card {
        flex: 0 0 100% !important;
    }
    .connect-main-heading {
        font-size: 2rem !important;
    }
}

/* Previous CSS styles remain the same, just updating the circle part */
.icon-circle {
    width: 95px !important;
    height: 95px !important;
    background-color: #120063 !important; /* Deep Blue from */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
}

.icon-circle svg {
    color: white !important;
    width: 35px !important;
    height: 35px !important;
}

.connect-text {
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: #120063 !important; /* Matching color from */
    font-weight: 500 !important;
    text-align: center !important;
}




















.form-section {
    padding: 100px 0 !important;
    background-color: #f9f9f9 !important;
}

.form-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.form-title {
    font-size: 2.8rem !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    margin-bottom: 15px !important;
}

.form-subtitle {
    font-size: 1.2rem !important;
    color: #666 !important;
}

.contact-main-form {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* Grid for inputs */
.form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

.full-width {
    margin-bottom: 20px !important;
}

/* Input Styles */
.contact-main-form input, 
.contact-main-form textarea {
    width: 100% !important;
    padding: 18px 25px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    background-color: #fff !important;
    outline: none !important;
    transition: 0.3s !important;
}

.contact-main-form input:focus, 
.contact-main-form textarea:focus {
    border-color: #120063 !important;
    box-shadow: 0 0 10px rgba(18, 0, 99, 0.05) !important;
}

/* Submit Button */
.submit-wrap {
    text-align: left !important;
}

.submit-btn {
    background-color: #110075 !important; /* VIP Dark Blue */
    color: #fff !important;
    padding: 15px 45px !important;
    border-radius: 50px !important;
    border: none !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: 0.3s !important;
}

.submit-btn:hover {
    background-color: #0a0040 !important;
    transform: scale(1.05) !important;
}

@media (max-width: 768px) {
    .form-grid { grid-template-columns: 1fr !important; }
}














.offices-grid-section {
    padding: 100px 20px 100px 20px !important;
    background-color: #ffffff !important;
}

.custom-container-1700 {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0px !important;
}

.dual-feature-section .custom-container-1700 {
    max-width: 1770px !important;
}

.offices-main-heading {
    font-size: 3rem !important; /* Premium Heading Size */
    font-weight: 500 !important;
    text-align: center !important;
    color: #1a1a1a !important;
    margin-bottom: 70px !important;
    letter-spacing: -0.5px !important;
}

/* Grid Wrapper */
.offices-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* 2x2 Grid */
    gap: 30px !important; /* Premium spacing between cards */
}

/* Office Card Control */
.office-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important; /* Smooth Luxury Corners */
    line-height: 0 !important; /* Prevents image bottom spacing */
    box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
}

/* Image Wrapper with Hover Logic */
.office-img-wrapper {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.office-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    /* --- The Zoom-In Animation --- */
    transition: transform 0.6s ease-in-out !important; /* Slow & VIP feel */
    transform: scale(1) !important;
}

/* --- THE HOVER TRICK --- */
.office-card:hover .office-img-wrapper img {
    transform: scale(1.08) !important; /* Halka sa VIP zoom-in */
}

/* VIP Black Gradient Overlay (for text readability) */
.office-text-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 40px !important; /* Inner spacing for text */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%) !important;
    color: #ffffff !important;
    z-index: 2 !important;
    pointer-events: none !important; /* Stops text from blocking hover */
}

/* Typography */
.office-title {
    font-size: 1.6rem !important; /* Premium Office Title size */
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.office-address {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .offices-wrapper {
        grid-template-columns: 1fr !important; /* Stacked columns for mobile */
    }
    .offices-main-heading { font-size: 2.2rem !important; }
}