.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;  
    height: 100vh; 
  }
  
  video {
    min-width: 100%;
    /* min-height: 100vh; */
    z-index: 1;
  }
  .overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    /* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%); */
    background-size: 3px 3px;
    z-index: 2;
  }
  .myIntro {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    max-width: 100%;
    width: 100%;
    height:100%;
  }
  
  .font-60{font-size: 60px !important;}
  
  .cbtn{
      background: linear-gradient(to right, #240b36, #c31432);
      width: auto;
      height: 50px;
      border: none;
      font-size: 1.3rem;
      color: white;
      cursor: pointer;
      border-radius: 0px;
      position: relative;
      transition: all .6s;
  }
  
  .cbtn:hover{
      border-radius: 8px;
  }
  
  .cbtn::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(to right, #3d003a, #a8001c);
      width: 100%;
      height: 100%;
      filter: blur(14px);
      transform: scale(0.9, 0.8) translateY(10px);
      z-index: -1;
      opacity: 0;
      transition: all 0.6s;
  }
  
  .cbtn:hover::before{
      opacity: 1;
  }
  
  .c1btn{
      background: linear-gradient(to right, #240b36, #c31432);
     width: auto;
      height: 40px;
      border: none;
      /* font-size: 1.2rem; */
      padding: 10px;
      color: white;
      cursor: pointer;
      /* border-radius: 8px; */
      position: relative;
      transition: all .6s;
  }
  
  .c1btn:hover{
/*       border-radius: 6px; */
    
    padding: 10px;
  }
  
  .c1btn::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(to left, #860117, #4b005a);
      width: 100%;
      height: 100%;
      filter: blur(14px);
      transform: scale(0.9, 0.8) translateY(10px);
      z-index: -1;
      opacity: 0;
      transition: all 0.6s;
  }
  
  .c1btn:hover::before{
      opacity: 1;
  }
  
  .card-big-shadow {
      max-width: 250px;
      /* position: relative; */
      height: 150px;
  }
  
  .coloured-cards .card {
      margin-top: 30px;
  }
  .mr-20{margin-right: 20px;}
  .card[data-radius="none"] {
      border-radius: 100%;
      width: 250px !important;
      height: 250px !important;
      min-height: 250px !important;
  }
  .card {
      border-radius: 8px;
      /* box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); */
      background-color: #FFFFFF;
      color: #000000;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
  }
  
  
  
  h4, .h4 {
      font-size: 1.5em;
      font-weight: 600;
      line-height: 1.2em;
      text-align: center;
  }
  
  .card .description {
      font-size: 16px;
      color: #000000;
      text-align: center !important;
  }
  .content-card{
      margin-top:30px;
  }
  a:hover, a:focus {
      text-decoration: none;
      /* text-align: center !important; */
  }
  
  .card[data-color="blue"] {
      background: url('../images/2.jpg')#b8d8d8;
  }
  .card[data-color="blue"], p.description {
      color: #000000;text-align: center; font-size: 16px;
  }
  
  .card[data-color="green"] {
      background:url('../images/3.jpg') #d5e5a3;
  }
  .card[data-color="green"], p.description {
    color: #000000;text-align: center; font-size: 16px;
  }
  
  
  .card[data-color="yellow"] {
      background: url('../images/4.jpg')#ffe28c;
  }
  .card[data-color="yellow"], p.description {
    color: #000000;text-align: center; font-size: 16px;
  }
  
  #cbch2{
    height:800px;
    background: linear-gradient(190deg, #8d003b 60%, #690e43 60%);
  }
  #cbch1{
    height:300px;
    z-index: 99999999999999999;
    
  }
  /* Waves Animation start*/
  
  .hero_area {
      position: relative;
      /* height: 100vh; */
     
  }
  
  .waves {
      position: absolute;
      width: 100%;
      height: 15vh;
      min-height: 100px;
      max-height: 150px;
      bottom: 0;
      left: 0;
      z-index: 2;
  }
  
  .parallax>use {
      animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
  }
  
  .parallax>use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
  }
  
  .parallax>use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
  }
  
  .parallax>use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
  }
  
  .parallax>use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
  }
  
  @keyframes move-forever {
      0% {
          transform: translate3d(-90px, 0, 0);
      }
  
      100% {
          transform: translate3d(85px, 0, 0);
      }
  }
  
  
  /*Shrinking for mobile*/
  
  @media (max-width: 768px) {
      .waves {
          height: 40px;
          min-height: 40px;
      }
  }
  @keyframes move_wave {
      0% {
          transform: translateX(0) translateZ(0) scaleY(1)
      }
      50% {
          transform: translateX(-25%) translateZ(0) scaleY(0.55)
      }
      100% {
          transform: translateX(-50%) translateZ(0) scaleY(1)
      }
  }
  .waveWrapper {
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      z-index: 1;
  }
  .waveWrapperInner {
      position: absolute;
      width: 100%;
      overflow: hidden;
      height: 100%;
      bottom: -45px; z-index: 1;
      
  }
  .bgTop {
      z-index: 15;
      opacity: 0.5;
  }
  .bgMiddle {
      z-index: 10;
      opacity: 0.75;
  }
  .bgBottom {
      z-index: 5;
  }
  .wave {
      position: absolute;
      left: 0;
      width: 200%;
      height: 100%;
      background-repeat: repeat no-repeat;
      background-position: 0 bottom;
      transform-origin: center bottom;
  }
  .waveTop {
      background-size: 50% 100px;
  }
  .waveAnimation .waveTop {
    animation: move-wave 3s;
     -webkit-animation: move-wave 3s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
  }
  .waveMiddle {
      background-size: 50% 120px;
  }
  .waveAnimation .waveMiddle {
      animation: move_wave 10s linear infinite;
  }
  .waveBottom {
      background-size: 50% 100px;
  }
  .waveAnimation .waveBottom {
      animation: move_wave 15s linear infinite;
  }
  
  
  /* waves */
  .ocean {
    height: 150px; /* change the height of the waves here */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
  }
  
  .wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23003F7C'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    z-index: 999999;
  }
  
  .listone {
    background-image: radial-gradient(at top left, #a6a6a600 67%, #cbcbcb 67.5%), linear-gradient(135deg, #f1f1f1 10%, #d7cece 100%);
    background-size: 105% 105%,cover;
    background-repeat: no-repeat;
    margin: 0;
    height: 100vh;
    color:#6c0334 !important;
  }
  .team-member{
  background: #6c0334 !important;
  /* border-radius: 10px; */
  height: auto;
  border: 5px solid #6c0334;
  -moz-box-shadow: 0px 1px 3px 4px #76002f;
    /*! -webkit-box-shadow: 0px 1px 3px 4px #76002f; */
    /*! box-shadow:         0px 1px 3px 4px #76002f; */
  }

.brdG{width: 100%;height: 246px;border-radius: 0 !important;}