:root {
            --ba-primary: #0f4c81; /* bluish tone for hover */
            --ba-primary-light: rgba(15, 76, 129, 0.85);
            --ba-bg-overlay: rgba(0, 28, 64, 0.70);
            --ba-btn-primary: #ffffff;
            --ba-btn-secondary: transparent;
            --ba-btn-text-primary: #0f4c81;
            --ba-btn-text-secondary: #ffffff;
        }

        body {
            margin: 0;
            font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
            sans-serif;
            color: #ffffff;
            background-color: #001c40;
            min-height: 100vh;
            overflow-x: hidden;
        }

        /* Background video setup */
        .hero-video-wrapper {
            position: fixed;
            inset: 0;
            z-index: -2;
            overflow: hidden;background:url("standing-man.png");background-size:cover;
        }

        .hero-video-wrapper video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%, -50%);
            object-fit: cover;
            filter: brightness(0.45);
        }

        /* Blue overlay to match screenshot tint */
        .hero-overlay {
			position: fixed;
			inset: 0;
			background: linear-gradient(135deg, rgb(3 169 244), rgb(6 124 242 / 72%));/*linear-gradient(135deg, rgb(3 169 244 / 60%), rgba(0, 80, 160, 0.7));*/
			mix-blend-mode: multiply;
			z-index: -1;
			background-size: cover;
			background-repeat: no-repeat;
		}

        /* Navbar styling */
        .navbar-nav .nav-link {
            color: #ffffff;
            font-weight: 500;
            font-size: 1rem;
            padding-right: 0.9rem;
            padding-left: 0.9rem;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link:focus {
            color: #e0f0ff;
        }

        .navbar {
            
            /*backdrop-filter: blur(12px);*/
        }

        .navbar-brand {
            display: flex;
            align-items: center;
            gap: 0.4rem;
            font-weight: 600;
            letter-spacing: 0.02em;
        }

        .navbar-brand span.logo-circle {
            display: inline-flex;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: url('BA-Logo-Dark.svg');
        }

        /* Hero section */
        .hero {
            min-height: calc(100vh - 72px);
            padding-top: 5rem;
            padding-bottom: 6rem;
            display: flex;
            align-items: center;
            text-align: center;
            color: #ffffff;
        }

        .hero-title, .hero-title h1 {
            font-weight: 400;
            letter-spacing: 0.16em;
            font-size: clamp(1.6rem, 2vw + 1.4rem, 3.1rem);
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        }

        .hero-title span {
            display: block;
        }

        .hero-subtitle {
            margin-top: 1.2rem;
            font-weight: 600;
            letter-spacing: 0.16em;
            font-size: clamp(1.4rem, 2vw + 1.2rem, 2rem);filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        }
		.navbar-expand-lg .navbar-nav {
			margin-left: 0 !important;
		}
        .hero-text {
            margin-top: 1.4rem;
            font-size: 1.25rem;
            line-height: 1.7;
            margin-left: auto;
            margin-right: auto;
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        }

        /* Buttons */
        .hero-actions {
            margin-top: 2.2rem;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .btn-ba-primary,
        .btn-ba-secondary {
            padding: 0.7rem 2.1rem;
            border-radius: 8px;
            font-size: 0.92rem;
            font-weight: 600;
            border: 1.6px solid transparent;
            transition: all 180ms ease-out;
        }

        .btn-ba-primary {
            background-color: var(--ba-btn-primary);
            color: var(--ba-btn-text-primary);
            border-color: #ffffff;
        }

        .btn-ba-primary:hover,
        .btn-ba-primary:focus {
            background-color: #e9f3ff;
            color: #0a3860;
            transform: translateY(-1px);
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        }

        .btn-ba-secondary {
            background-color: transparent;
            color: var(--ba-btn-text-secondary);
            border-color: #ffffff;
        }

        .btn-ba-secondary:hover,
        .btn-ba-secondary:focus {
            background-color: #ffffff;
            color: #0a3860;
            transform: translateY(-1px);
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        }

        /* Login/Register links right side */
        .btn-login,
        .btn-register {
            font-size: 0.8rem;
            font-weight: 500;
            border-radius: 5px;
            padding: 0.35rem 1.1rem;
            border-width: 1.3px;
        }

        .btn-login {
            border: 1px solid transparent;
            background: transparent;
            color: #ffffff;
        }

        .btn-login:hover {
            border-color: #ffffff;
            background: rgba(255, 255, 255, 0.12);
        }

        .btn-register {
            border: 1px solid #ffffff;
            color: #001c40;
            background: #ffffff;
        }

        .btn-register:hover {
            background: #e9f3ff;
            color: #0a3860;
        }

        /* Dropdown menu styling */
        .dropdown-menu {
            font-size: 0.85rem;
            border-radius: 0.75rem;
            border: none;
            padding: 0.4rem 0;
            box-shadow: 0 14px 35px rgba(0, 0, 0, 0.3);
        }

        .dropdown-item {
            padding: 0.5rem 1rem;
        }

        .dropdown-item:hover {
            background-color: rgba(15, 76, 129, 0.08);
        }

        /* Small devices tweaks */
        @media (max-width: 991.98px) {
            .navbar {
                background: rgba(0, 26, 64, 0.95);
            }
            .hero {
                padding-top: 3rem;
            }
            .hero-title {
                letter-spacing: 0.12em;
            }
            .hero-text {
                font-size: 0.95rem;
                padding: 0 1rem;
            }
        }

        @media (max-width: 575.98px) {
            .hero-actions {
                flex-direction: column;
                align-items: stretch;
            }
            .hero-actions .btn {
                width: 100%;
            }
        }
/* =======================
   FOUR KEY VALUES starts
   ======================= */
.values-section {
    background-color: #004276;
    color: #ffffff;
    padding: 4.5rem 0 4.5rem;
}

.values-heading {
    text-align: center;
    font-size: clamp(2rem, 2.4vw + 1.1rem, 3.1rem);
    font-weight: 400;
    letter-spacing: 0.12em;
    margin-bottom: 2.5rem;
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.values-panel {
    background-color: #00345c;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    overflow: hidden;
}

/* columns inside the panel */
.values-col {
    padding: 2.4rem 2.1rem 2.6rem;
    border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.values-col:last-child {
    border-right: none;
}

.values-index {
    font-size: 0.85rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    color: #d1e4ff;
}

.values-title {
    font-size: 1.85rem;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 1.3rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.values-body {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #e1edff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/* responsive layout: stack columns on mobile */
@media (max-width: 991.98px) {
    .values-panel {
        border-radius: 18px;
    }

    .values-col {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
        padding: 1.9rem 1.7rem 2.1rem;
    }

    .values-col:last-child {
        border-bottom: none;
    }
}
/* =======================
   FOUR KEY VALUES Ends
   ======================= */

 /* =======================
   INNOVATION SECTION
   ======================= */
.innovation-section {
    position: relative;
    background-color: #004276;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    padding: 5rem 0 4.5rem;    border-bottom: #687E92 solid 1px;
}

.innovation-inner {
    position: relative;
    z-index: 2; /* above splash image */
}

.innovation-logo {
    max-width: 180px;
    width: 40vw;
    height: auto;
    margin-bottom: 2.2rem;
}

.innovation-heading {
    font-size: clamp(2rem, 2.7vw + 1.1rem, 3.1rem);
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 1.8rem;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.innovation-text {
    font-size: 1.15rem;
    line-height: 1.8;
    max-width: 780px;
    margin: 0 auto;
    color: #e3f0ff;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.innovation-text + .innovation-text {
    margin-top: 0.75rem;
}

/* last line a bit of extra top spacing */
.innovation-text--last {
    margin-top: 1.6rem;
}

/* splash image behind text */
.innovation-splash {
    position: absolute;
    bottom: -8%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 960px;
    width: 90vw;
    opacity: 0.95;
    pointer-events: none;
    z-index: 1;
}

/* smaller devices: more vertical padding so text doesn't overlap too hard */
@media (max-width: 767.98px) {
    .innovation-section {
        padding: 4rem 0 3.5rem;
    }
    .innovation-logo {
        max-width: 140px;
        margin-bottom: 1.6rem;
    }
    .innovation-heading {
        font-size: 1.8rem;
    }
    .innovation-text {
        font-size: 0.9rem;
        padding: 0 1.5rem;
    }
    .innovation-splash {
        bottom: -16%;
        width: 110vw;
    }
}
/* =======================
INNOVATION SECTION ends
======================= */      


/* ============================
BROKERS ALLIANCE ADVANTAGE starts
============================ */

.advantage-section {
    background-color: #004276;
    color: #ffffff;
    padding: 4.5rem 0 4.5rem;
}

.advantage-heading {
    text-align: center;
    font-size: clamp(2rem, 2.5vw + 1.2rem, 3.1rem);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    font-weight: 400;
    letter-spacing: 0.14em;
    margin-bottom: 2.7rem;
}

/* left list card */
.adv-card-left {
    background-color: #00345c;
    border-radius: 18px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    overflow: hidden;
}

/* each row */
.adv-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.6rem 2.1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: background-color 160ms ease-out;
}

.adv-item:last-child {
    border-bottom: none;
}

.adv-item:hover {
    background-color: rgba(10, 96, 160, 0.55);
}

.adv-item.is-active {
    background-color: rgba(5, 74, 132, 0.95);
}

/* number on left */
.adv-number {
    font-size: 1.75rem;
    letter-spacing: 0.16em;
    white-space: nowrap;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/* title + body on right */
.adv-main {
    flex: 1;
}

.adv-title {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 0.6rem;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.adv-body {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #e1edff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/* collapsed state hides body and tightens padding */
.adv-item:not(.is-active) .adv-body {
    display: none;
}

.adv-item:not(.is-active) {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

/* right image card */
.adv-card-right {
    background-color: #00345c;
    border-radius: 18px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    overflow: hidden;
    height: 100%;
}

.adv-card-right-inner {
    height: 100%;
    display: flex;
    align-items: stretch;
}

.adv-right-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 470px;
}

/* spacing on smaller screens */
@media (max-width: 991.98px) {
    .advantage-section {
        padding-bottom: 4rem;
    }
    .adv-card-right {
        margin-top: 2rem;
    }
}

@media (max-width: 575.98px) {
    .adv-item {
        padding-inline: 1.4rem;
    }
    .adv-title {
        font-size: 1.25rem;
    }
}

/* ============================
   BROKERS ALLIANCE ADVANTAGE ends
   ============================ */



/* =======================
   READY TO GROW SECTION starts
   ======================= */ 

.ready-card.border-end-md {
    border-radius: 12px 0 0 12px;
}

.ready-section {
    background-color: #f5f6f7;
}

.ready-title {
    font-weight: 400;
    font-size: clamp(1.6rem, 2vw + 1.2rem, 2.6rem);
    margin-bottom: 1.5rem;
    color: #1f2933;
}

.ready-card {
    background-color: #ffffff;
    border-radius: 0 12px 12px 0;
    border: 1px solid #e1e4ea;
    padding: 2rem 2.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;border-right: none;
}

.ready-card h3 {
    font-size: 1.52rem;
    font-weight: 400;
    margin-bottom: 0.6rem;
    color: #111827;
}

.ready-card p {
    margin-bottom: 1.4rem;
    font-size: 1.15rem;
    color: #4b5563;
}

/* CTA button for this section */
.btn-ba-cta {
    background-color: #004073;
    border: 1px solid #004073;
    color: #ffffff;
    font-size: 1.15rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    font-weight: 600;
    border-radius: 8px;
    padding: 0.6rem 1.9rem;
    transition: all 160ms ease-out;
}

.btn-ba-cta:hover,
.btn-ba-cta:focus {
    background-color: #04518f;
    border-color: #04518f;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}


/* FAMILY BUSINESS SECTION starts */
.family-section {
    background-color: #004073; /* deep blue band */
    color: #ffffff;
}

.family-inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.family-heading {
    font-size: clamp(1.9rem, 2.3vw + 1.4rem, 2.8rem);
    font-weight: 400;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.family-text {
    font-size: 1.15rem;
    line-height: 1.7;
    margin-bottom: 1.3rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.family-text:last-of-type {
    margin-bottom: 2rem;
}

/* Outline button */
.btn-ba-outline-light {
    background: transparent;
    color: #ffffff;
    border-radius: 8px;
    border: 1.8px solid #ffffff;
     font-size: 1.2rem;
    font-weight: 600;
    padding: 0.6rem 1.8rem;
    transition: all 160ms ease-out;
}

.btn-ba-outline-light:hover,
.btn-ba-outline-light:focus {
    background-color: #ffffff;
    color: #004073;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

/* Image stack */
.family-photos {
    position: relative;
    min-height: 260px;
}

.family-photo-main,
.family-photo-small {
    position: absolute;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
}

/* main (big) photo */
.family-photo-main {
    top: 0;
    right: 0;
    width: 270px;
    height: 270px;
}

/* small overlapping photo */
.family-photo-small {
    bottom: 0;
    left: 18%;
    width: 190px;
    height: 160px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

/* actual <img> tags fill those blocks */
.family-photo-main img,
.family-photo-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Responsiveness */
@media (max-width: 991.98px) {
    .family-inner {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .family-photos {
        margin-top: 2rem;
        min-height: 260px;
    }
    .family-photo-main {
        right: 50%;
        transform: translateX(50%);
    }
    .family-photo-small {
        left: 50%;
        transform: translateX(-30%);
    }
}

@media (max-width: 575.98px) {
    .family-photo-main {
        width: 230px;
        height: 230px;
    }
    .family-photo-small {
        width: 170px;
        height: 140px;
    }
}
/* FAMILY BUSINESS SECTION ends */


/* TECH SLIDER SECTION starts */
/* ===== TOP TEXT ===== */
.tech-section {
    background-color: #004276;
    color: #ffffff;
    text-align: center;
    padding: 4rem 0 4.5rem;
    border-top: #fff solid 1px;
    border-bottom: #E0E6EB solid 1px;
}

.tech-heading {
    font-size: clamp(2rem, 2.6vw + 1.2rem, 3.1rem);
    font-weight: 400;
    letter-spacing: 0.16em;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin-bottom: 1.4rem;
}

.tech-subtext {
    font-size: 1.15rem;
    line-height: 1.7;
    max-width: 880px;
    margin: 0 auto;
    color: #e0ecff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.tech-subtext + .tech-subtext {
    margin-top: 0.3rem;
}

/* ===== CENTERED SLIDER LAYOUT ===== */
.tech-slider-wrapper {
    position: relative;
    margin-top: 2.7rem;
    min-height: 260px;
}

.tech-slider {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 260px;
    overflow: visible;
}

.tech-slide {
        position: absolute;
    top: 0;
    left: 48%;
    transform: translateX(-50%);
    width: 66%;
    max-width: 780px;
    transition: transform 260ms 
ease-out, opacity 260ms 
ease-out, z-index 260ms 
ease-out;
    opacity: 0;
    pointer-events: none;
}
button.tech-card.border-0.bg-transparent.text-start {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 30px 90px;
    gap: 10px;
    isolation: isolate;
    height: 350px;
    width: 92%;
    background: linear-gradient(180deg, #000000 0%, #1A426A 100%) !important;
    border: 1px solid #9FA1A4 !important;
    border-radius: 20px;
    display: flex;position: relative;
}

/* center card */
.tech-slide.is-active {
    transform: translateX(-50%) scale(1);
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
}

/* left preview */
.tech-slide.is-prev {
    transform: translateX(-135%) scale(0.93);
    opacity: 0.82;
    z-index: 2;
    pointer-events: auto;
}

/* right preview */
.tech-slide.is-next {
    transform: translateX(35%) scale(0.93);
    opacity: 0.82;
    z-index: 2;    left: 47%;
    pointer-events: auto;
}

/* hidden slides (when there are >3) */
.tech-slide.is-hidden {
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

/* ===== CENTERED SLIDER LAYOUT ===== */
.tech-slider-wrapper {
    position: relative;
    margin-top: 2.7rem;
    min-height: 260px;
}

.tech-slider {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 260px;
    overflow: visible;
}

/* base slide: same width for all, scaling will make center bigger */
.tech-slide {
    position: absolute;
    top: 0;
    left: 48%;
    transform: translateX(-50%);
    width: 70%;                 /* main card width ~ like reference */
    max-width: 900px;
    transition:
        transform 260ms ease-out,
        opacity 260ms ease-out,
        z-index 260ms ease-out;
    opacity: 0;
    pointer-events: none;
}

/* center card – full size */
.tech-slide.is-active {
    transform: translateX(-50%) scale(1);
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
}

/* left preview – same style, scaled down */
.tech-slide.is-prev {
    transform: translateX(-135%) scale(0.78);
    opacity: 0.85;
    z-index: 2;
    pointer-events: auto;    left: 48%;
}

/* right preview – same style, scaled down */
.tech-slide.is-next {
    transform: translateX(35%) scale(0.78);
    opacity: 0.85;
    z-index: 2;
    pointer-events: auto;
}
.tech-card-img {display: block;}
/* any additional slide when you have >3 */
.tech-slide.is-hidden {
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

/* mobile: only center; hide side previews */
@media (max-width: 767.98px) {
    .tech-slider {
        height: 230px;
    }
    .tech-slide {
        width: 92%;
    }
    .tech-slide.is-prev,
    .tech-slide.is-next {
        opacity: 0;
        pointer-events: none;
    }
    .tech-card-img {
        height: 40px;
    }
}


/* play button bottom-right */
.tech-play-circle {
    position: absolute;
    right: 24px;
    bottom: 22px;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    border: 3px solid rgba(255, 255, 255, 0.65);
    background: radial-gradient(circle at 30% 30%, #ffffff, #bcd1ff);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.tech-play-circle::before {
    content: "";
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #004276;
    margin-left: 3px;
}

/* ===== ARROWS ===== */
.tech-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.04;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 150ms ease-out, background-color 150ms ease-out;
}

.tech-arrow-left {
    left: 4%;
}

.tech-arrow-right {
    right: 4%;
}

.tech-slider-wrapper:hover .tech-arrow {
    opacity: 0.3;
}

.tech-arrow:hover {
    opacity: 0.85;
    background-color: rgba(0, 0, 0, 0.2);
}

.tech-arrow-icon {
    font-size: 1.6rem;
    line-height: 1;
}

/* ===== DOTS & CAPTION UNDER SLIDER ===== */
.tech-caption {
    margin-top: 7.3rem;
}

.tech-caption-title {
    font-weight: 400;
    margin-bottom: 0.7rem;
    font-size: 1.5rem;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.tech-caption-text {
    margin-top: 0.7rem;
    font-size: 1.15rem;
    color: #e3f0ff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.tech-dots {
    display: flex;
    justify-content: center;
    gap: 0.55rem;
}

.tech-dot {
        width: 29px;
    height: 29px;
    border-radius: 999px;
    border: none;
    background-color: #00487A;
    cursor: pointer;
    padding: 0;
    transition: background-color 160ms ease-out, transform 160ms ease-out;
}

.tech-dot.is-active {
    background-color: #3A6185;
    transform: scale(1.15);
}

/* mobile: only center card, hide previews & arrows */
@media (max-width: 767.98px) {
    .tech-slider {
        height: 230px;
    }
    .tech-slide {
        width: 90%;
        left: 50%;
    }
    .tech-slide.is-prev,
    .tech-slide.is-next {
        opacity: 0;
        pointer-events: none;
    }
    .tech-card-img {
        height: 40px;
    }
    .tech-arrow {
        display: none;
    }
    button.tech-card.border-0.bg-transparent.text-start {
        height: 350px;
        width: 100%;
        text-align: center !important;
        margin: 0 auto;
    }

}




/* TECH SLIDER SECTION ends */





/* FOOTER Starts */
.row.gy-4.align-items-start .col-md-3:nth-child(2), .row.gy-4.align-items-start .col-md-3:nth-child(3), .row.gy-4.align-items-start .col-md-3:nth-child(4) {
    text-align: right;
}
.ba-footer {
    background-color: #fff;
    font-size: 0.85rem;
    color: #1f2933;
}

.ba-footer a {
    color: inherit;
    text-decoration: none;
}

.ba-footer a:hover {
    text-decoration: underline;
}

.ba-footer h6 {
    font-weight: bold;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;

}

.ba-footer-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ba-footer-logo span.logo-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #ff5b5b, #004fa3);
}

.ba-footer-logo-text {
    font-size: 1.15rem;
    letter-spacing: 0.12em;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    text-transform: uppercase;
}
.ba-footer-logo-text img {
    height: 48px;
}
.ba-footer-copy {
    margin-top: 2rem;
    padding-top: 0.75rem;
    font-size: 0.8rem;
    color: #6b7280;
    text-align:right !important;
}

/* Footer responsive tweaks */
@media (max-width: 767.98px) {
    .ba-footer .text-md-end {
        text-align: left !important;
        margin-top: 1.5rem;
    }
    .ba-footer-copy , .row.gy-4.align-items-start .col-md-3 {text-align: center !important;}
    .ba-footer-logo {
        margin-bottom: 1.5rem;
        display: block;
    }
}


/* FOOTER Ends */


/* Intro Section Starts Here .. */
.intro{background-color:#fff}
.intro__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 0 !important;
}
.intro__line {
    color: white;
    text-transform: uppercase;
    line-height: 1.8;
    display: block;
    font-size: 80px;
    font-weight: 800;
    transform-origin: center top;
}
.bulb-animation-container{position:relative}.bulb-animation-container .bulb-animation-text-wrapper{position:absolute;left:50%;bottom:220px;max-width:1252px;transform:translate(-50%);width:100%;z-index:90}
.bulb-animation-container .bulb-animation-text-wrapper .bulb-animation-text{max-width:800px}
.testimonial-section{overflow:hidden}
.testimonial-section .testimonial-slider{display:flex;flex-wrap:nowrap;align-self:center;overflow:hidden;height:100vh;width:300%}
    .intro__wrapper span.intro__line:nth-child(1) {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.5rem;
        color: #00345E;
    }
    .intro__wrapper span.intro__line:nth-child(2) {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 2.5rem;
        color: #00345E;
    }    
    .intro__wrapper span.intro__line:nth-child(3) {
        text-transform: uppercase;
        font-size: 3.1rem;
        font-weight: 400;
        color: #00345E;
    }
/* Intro Section Ends Here .. */