.video-background {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: black; 
}

.video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
  display: none; 
}

.my-dark{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}

.my-loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(188, 14, 13, 0.1);
  border-left-color: #bc0e0d;
  border-right-color: #bc0e0d;
  border-radius: 50%;
  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@media screen and (max-width: 639px) {
    #rec279633336 .t396__artboard, #rec279633336 .t396__filter, #rec279633336 .t396__carrier {
        height: 277px !important;
    }
}

@media screen and (max-width: 479px) {
    #rec279633336 .t396__artboard, #rec279633336 .t396__filter, #rec279633336 .t396__carrier {
        height: 384px !important;
    }
}