body{padding-top:0px}iframe{overflow:hidden;border:none}.navbar .bi{margin-right:.25rem;font-size:1rem}#home .navbar,#help .navbar{background:linear-gradient(145deg, #375ee3 0%, #6543e0 80%)}#home .navbar-brand .nav-link,#help .navbar-brand .nav-link{display:inline-block;margin-right:-30px}#home{padding-top:0}#home .btn{padding:.5rem .9rem}.bs-docs-section{margin-top:4em}.bs-docs-section .page-header h1{padding:2rem 0;font-size:3rem}.dropdown-menu.show[aria-labelledby=themes]{display:flex;flex-wrap:wrap;width:420px}.dropdown-menu.show[aria-labelledby=themes] .dropdown-item{width:33.333333%}.dropdown-menu.show[aria-labelledby=themes] .dropdown-item:first-child{width:100%}.bs-component{position:relative}.bs-component+.bs-component{margin-top:1rem}.bs-component .card{margin-bottom:1rem}.bs-component .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}.source-button{position:absolute;top:0;right:0;z-index:100;display:none;font-weight:700}.source-button i{pointer-events:none}.source-button:hover{cursor:pointer}.bs-component:hover .source-button{display:block}#source-modal pre{max-height:calc(100vh - 11rem)}.progress{margin-bottom:10px}#footer{margin:5em 0}#footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}#footer p{margin-bottom:0;clear:left}.splash{position:relative;padding:12em 0 6em;color:#fff;text-align:center;background-color:#375ee3;background-image:url("../img/splash.svg"),linear-gradient(145deg, #375ee3 0%, #6543e0 80%);background-repeat:no-repeat;background-size:cover}.splash .logo{width:160px}.splash h1{font-size:3em;color:#fff}.splash #social{margin:2em 0 3em}.splash .alert{margin:2em 0;border:none}.splash .sponsor a{color:#fff}.section-tout{padding:6em 0 1em;text-align:center;background-color:#eaf1f1;border-bottom:1px solid rgba(0,0,0,.05)}.section-tout .icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1rem;font-size:2rem;line-height:1;color:rgba(255,255,255,.9);background:linear-gradient(145deg, #375ee3 0%, #6543e0 80%);border-radius:50%}.section-tout p{margin-bottom:5em}.section-preview{padding:4em 0}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image img{width:100%;height:auto}.section-preview .preview .options{padding:2em;text-align:center;border-top:1px solid rgba(0,0,0,.125)}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}.sponsor a{text-decoration:none}.sponsor #carbonads{max-width:240px;margin:0 auto}.sponsor .carbon-text{display:block;margin-top:1em;font-size:12px}.sponsor .carbon-poweredby{float:right;margin-top:1em;font-size:10px}@media(max-width: 767px){.splash{padding-top:8em}.splash .logo{width:100px}.splash h1{font-size:2em}#banner{margin-bottom:2em;text-align:center}}@media(max-width: 991px){.navbar .bi{display:none}}@media(min-width: 992px){.navbar-transparent{background:none !important}}.bs-component>.btn,.bs-component>.btn-toolbar>.btn-group,.bs-component>.btn-group,#home .section-preview .card .btn-group{margin-bottom:.25rem}
.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
.b1 {
  background: url('../img/bg.jpg') no-repeat ;
background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height:100%;
background-color: #eeeeee;
background-position: 50% 50%;
overflow: hidden;
padding: 30px 0;
min-height: 300px;
}   
.mbr-overlay {
  background-color: #ffffff;
  opacity: 0.7;
}
.bg-black1 {
	
	background-color: #383b3f;
}

.custom-card-bg {
    background-color: #d9f2e6; /* Your desired background colour */
}

.footer a {
    text-decoration: none; /* Remove underline from links in the footer */
    color: inherit; /* Optional: Use inherited color for consistency */
}


"align": (
  property: vertical-align,
  class: align,
  values: baseline top middle bottom text-bottom text-top
)

.video-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 640px; /* Adjust the width as needed */
  }

video {
    display: block;
    width: 100%;
    height: auto;
   padding: 0.25rem;
  background-color: #302f2d;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  }

  /* Hide native controls */
  video::-webkit-media-controls {
    opacity: 0; /* Hide default controls */
    transition: opacity 0.3s ease; /* Smooth transition */
  }

  /* Show controls on hover */
  .video-wrapper:hover video::-webkit-media-controls {
    opacity: 1; /* Show controls on hover */
  }

  /* Ensure play button stays visible */
  video::-webkit-media-controls-start-playback-button {
    opacity: 1; /* Always show play button */
    display: block; /* Ensure it's displayed */
  }

  /* Adjust for other browsers */
  video::-moz-media-controls,
  video::-ms-media-controls {
    opacity: 0;
  }

  .video-wrapper:hover video::-moz-media-controls,
  .video-wrapper:hover video::-ms-media-controls {
    opacity: 1;
  }
  
  /* Primary color utility override */
.text-primary {
  color: #e95420 !important;
}

.bg-primary {
  background-color: #e95420 !important;
}

.border-primary {
  border-color: #e95420 !important;
}

.fill-primary {
  fill: #e95420 !important;
}

.stroke-primary {
  stroke: #e95420 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #cc421a !important; /* Slightly darker on hover */
}

/* Optional: button-style primary if used */
.btn-primary {
  background-color: #e95420 !important;
  border-color: #e95420 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #cc421a !important;
  border-color: #b53a17 !important;
}