.left-border-thick {
    border-left: thick solid black;
    padding-left: 10px;
    padding-bottom: 5px;
}

.left-border-white {
   border-left: thick solid whitesmoke;
   padding-left: 10px;
}

.left-border-paragraph{
   border-left: thick solid transparent;
   padding-left: 10px;
}

.video-hero-front {
    max-width: 100%;
}

#background-video {
    min-width: 100%;
    height: 150%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-attachment: fixed;
 }

 #text-video {
    width: 100%;
    object-fit: contain;
    position: relative;
    padding-top: 0;
    margin-left: auto;
 }

 .webhead-container {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
 }

 .jumbotron-padding-override {
    padding-top: 0;
 }


 .btn.main-call-to-action-button {
    border-radius: 24px;
    align-self: center;
    background-color: rgb(255, 252, 245);
    color: black;
    border-color: transparent;
    box-shadow: 1px -1px plum, -1px 1px orange, 2px 2px hotpink; 
 }

 .btn.main-call-to-action-button:hover{
    background: rgb(10, 10, 10);
    color: white;
    border-color: black;
 }

 .btn.main-call-to-action-button:focus{
   background: rgb(10, 10, 10);
   color: white;
   border-color: black;
}

.btn.main-call-to-action-button:active{
   background: rgb(10, 10, 10);
   color: white;
   border-color: black;
}

.btn.main-banner-contact-button {
  border-radius: 24px;
  align-self: center;
  background-color: transparent;
  color: white;
  border-color: white;
}

.btn.main-banner-contact-button-colourful {
  border-radius: 24px;
  align-self: center;
  color: white;
  background-image: url('/new-brand/assets/brand/square-pink-orange-gradient.png');
  background-size: cover;
  border-color: white;
}

.btn.main-banner-contact-button:hover{
  color: rgb(10, 10, 10);
  background: white;
  border-color: black;
}

.btn.main-banner-contact-button:focus{
  color: rgb(10, 10, 10);
  background: white;
  border-color: black;
}

.btn.main-banner-contact-button:active{
  color: rgb(10, 10, 10);
  background: white;
  border-color: black;
}

 .information-text-section {

    padding-left: 10vw;
    padding-right: 10vw;
 }

 .navbar-core {
   background-image: url('/new-brand/assets/brand/web-motion-bg-dark-mode.mp4');
   background-size: 100%;
   transition: background-color 1s ;
 }

 .navbar-transparent-override {
   background-color: transparent;
   animation: fadeNavOut 1s ease-in
 }

 .navbar-fluid-override {
   background-color: black;
   animation: fadeNavIn 1s ease-in
 }

 .banner-logo {
   opacity: 100%;
 }

 .banner-logo-transparent {
   opacity: 100%;
 }

 .banner-logo-fluid {
   opacity: 100%;
 }

 .leading-container {
   box-shadow: 1px -1px plum, -1px 1px orange, 2px 2px rgb(100, 105, 188);
}


 .tldr-section {
   border-radius: 35px;
   background-color: whitesmoke ;
   padding-top: 30px;
   padding-bottom: 30px;
   margin-bottom: 30px;
   align-content: left;
 }

 .tldr-section-head{
   color: transparent;
   background-image: url(/new-brand/assets/brand/web-colour-text-colouring.png);
   background-clip: text;
   background-size: cover;
 }


 .img-iphone {
   display: block;
   max-width: 40%;
   height: auto;
 }

 .container-pragmatic-privacy {
   margin-top: 125px;
 }


 .img-spacer {
  border-radius: 60px;
  margin: 0;
  display: block;
  max-width: 100%;
  max-height: 100%;
 }

 .column-tight {
  height: auto;
  vertical-align: text-bottom;
 }
 
 .container-spacer {
  padding-bottom: 30px;
 }

 .container-faq{
  padding-top: 60px;
 }

 .banner-button-right {
  margin-right: 5%;
 }