:root {
        --bo-primary-color: #6a11cb;
        --bo-secondary-color: #2575fc;
        --bo-primary-color-rgb: 106, 17, 203;
        --bo-secondary-color-rgb: 37, 117, 252;
    }
    .card-title:hover {
        color: var(--bo-primary-color);
    }
    body {
      font-family: 'Poppins', sans-serif;
      background-color: #f9f9f9;overflow-x: clip;
    }
    .navbar-glass-border {
        background-color: rgba(255, 255, 255, 0.25); /* translucent white */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        /* border-radius: 50px;  */
        padding: 0 0.25rem 0.25rem; /* a bit of padding for the “border” */
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
    }
    .navbar-glass-border > .container-fluid {
        background-color: white; /* solid white inner */
        /* border-radius: 50px; */
        padding-left: 1.5rem;  /* tweak these to taste */
        padding-right: 1.5rem;
    }

    @media (min-width: 992px) {
        .navbar-glass-border {
            padding:  0.25rem!important;
        }
    }
    footer a:not(.btn, .btn-sm) {
        color: white;
        text-decoration: underline;
    }

    footer a:not(.btn, .btn-sm):hover {
        color: var(--bo-secondary-color);
        text-decoration: none;
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: unset;
    }

    h1, h2, h3, h4, h5,
    .h1, .h2, .h3, .h4, .h5 {
      font-weight: 700;
    }

    .bg-gradient {
        background: linear-gradient(135deg, var(--bo-primary-color) 0%, var(--bo-secondary-color) 100%);
        background-color: linear-gradient(135deg, var(--bo-primary-color) 0%, var(--bo-secondary-color) 100%);
    }
    .bg-gradient-td {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bo-primary-color-rgb),var(--bs-bg-opacity)) !important;
    }
    .btn-gradient {
        transition:all ease 0.3s;
        background: linear-gradient(135deg, var(--bo-primary-color) 0%, var(--bo-secondary-color) 100%);
        color: white;
        border: none;
    }
    
    .btn-gradient:hover {
        background: linear-gradient(135deg, var(--bo-secondary-color) 0%, var(--bo-primary-color) 100%);
    }

    .btn-gradient:hover {
      opacity: 0.9;
      color: white;
    }

    .section-dark {
      background-color: #212529;
      color: white;
    }

    .card-animate-left {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.7s ease-out;
    }

    .card-animate-left.visible {
        opacity: 1;
        transform: none;
    }

    .card-animate {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.7s ease-out;
    }

    .card-animate.visible {
      opacity: 1;
      transform: none;
    }

    .left-border {
      border-left: 5px solid var(--bo-primary-color);
    }

    .flow-line {
      width: 100%;
      height: 2px;
      background: var(--bo-primary-color);
      margin: 20px 0;
    }

    .carousel-inner .card {
      transition: transform 0.5s ease;
    }

    .review-carousel .carousel-item {
      display: flex;
      justify-content: center;
    }

    .review-carousel .card {
      width: 60%;
    }

    .review-carousel .carousel-item-next,
    .review-carousel .carousel-item-prev {
      visibility: visible;
    }
    .glass-border {
        box-shadow:
            0 0 0 4px rgba(255, 255, 255, 0.18),   /* the glassy border */
            0 4px 15px rgba(0, 0, 0, 0.1); 
        border: none; /* remove border */
        border-radius: 0.5rem;
    }

    .glass-border-dark {
        border-radius: 0.5rem;
        background-color: rgba(255, 255, 255, 0.08); /* very subtle translucent white */
        box-shadow:
            0 0 0 2px rgba(0, 0, 0, 0.2),     /* dark semi-transparent border */
            0 6px 20px rgba(0, 0, 0, 0.2);    /* soft depth shadow */
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    .btn {
        border-radius: 1.5rem !important; padding-left: 50px; padding-right: 50px;
        background: linear-gradient(135deg, var(--bo-primary-color) -10%, var(--bo-secondary-color) 100%);
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18);
        border: none; /* remove border */
        border-radius: 0.5rem;
    }

    #interior-banner > .container {
        min-height: 375px;
    }
    @media (min-width: 992px) {
        #interior-banner > .container {
            min-height: 300px;
        }
    }

    #banner > .container {
        min-height: 675px;
    }
    @media (min-width: 992px) {
        #banner > .container {
            min-height: 600px;
        }
    }
    @media (min-width: 992px) {
        .rounded-lg-end {
            border-top-right-radius: 1rem !important;
            border-bottom-right-radius: 1rem !important;
        }
        .rounded-lg-start-0 {
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }
    }
    /* Ensures smooth transition even with cards */
    .carousel-item {
        transition: transform 0.6s ease, opacity 0.6s ease;
    }
    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: flex !important;
    }

    .glow-rgb {
        position: relative;
        z-index: 1;
    }

    .glow-rgb::before {
        content: '';
        position: absolute;
        inset: -8px; /* expands glow beyond card */
        z-index: -1;
        border-radius: inherit;
        background: linear-gradient(
            120deg,
            rgba(var(--bo-primary-color-rgb), 0.5),
            rgba(var(--bo-secondary-color-rgb), 0.5),
            rgba(var(--bo-primary-color-rgb), 0.5)
        );
        filter: blur(20px);
        opacity: 0.7;
        animation: glowPulse 6s ease-in-out infinite;
    }

    @keyframes glowPulse {
        0% {
            filter: blur(16px);
            opacity: 0.4;
            transform: scale(1);
        }
        50% {
            filter: blur(24px);
            opacity: 0.8;
            transform: scale(1.02);
        }
        100% {
            filter: blur(16px);
            opacity: 0.4;
            transform: scale(1);
        }
    }

    .bg-gradient-td-glow {
        position: relative;
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bo-primary-color-rgb), var(--bs-bg-opacity)) !important;
        color: #fff;
        z-index: 1;
        overflow: hidden;
    }

    .bg-gradient-td-glow::before {
        content: '';
        position: absolute;
        inset: -6px;
        z-index: -1;
        border-radius: 0.5rem; /* you can match your td's rounding here */
        background: linear-gradient(
            120deg,
            rgba(var(--bo-primary-color-rgb), 0.45),
            rgba(var(--bo-secondary-color-rgb), 0.45),
            rgba(var(--bo-primary-color-rgb), 0.45)
        );
        filter: blur(16px);
        opacity: 0.7;
        animation: glowPulseTd 6s ease-in-out infinite;
    }

    @keyframes glowPulseTd {
        0% {
            filter: blur(12px);
            opacity: 0.3;
            transform: scale(1);
        }
        50% {
            filter: blur(20px);
            opacity: 0.7;
            transform: scale(1.02);
        }
        100% {
            filter: blur(12px);
            opacity: 0.3;
            transform: scale(1);
        }
    }
    @media (min-width: 992px) {
        .rounded-lg-pill {
            border-radius: 3rem !important;
        }
    }
    .blog-cropped {
        object-fit: cover;
        width: 100%;
        height: 200px;
    }