.t888-video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.585;
}

.t888-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  inset: 0;
background-color: var(--primary-color);
  
}

.t888-video-content {
  position: relative;
  z-index: 1;
  /* top: 41%; */
  margin-top: 416px !important;
}

.container-header {
  max-width: 1320px;
  padding: 15.5px 32px;
  margin: auto;
}

.t888-video-title {
  font-weight: 700;
  font-size: 68px;
  line-height: 88px;
  color: var(--secondary-color);
  margin-bottom: 20px;
  margin-top: 0;
}

.t888-video-title p {
  margin: 0;
}

.t888-video-description {
  font-weight: 500;
  font-size: 20px;
  line-height: 33px;
  color: var(--secondary-color);
  margin-bottom: 42px;
}

.t888-video-button {
  border-radius: 32px;
  padding: 16px 42px;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  color: var(--secondary-color);
  background-color: var(--forth-color);
  transition: all 0.3s ease-in-out;
}

.t888-video-button:hover {
  background-color: var(--secondary-color);
  color: var(--forth-color);
}
@media (max-width: 1366px) {
.t888-video-title{
  font-size: 48px ;
  line-height: normal;
}
}
@media (max-width: 1200px) {
.t888-video-title{
  font-size: 36px ;
  line-height: normal;
}
.t888-video-button{
  font-size: 18px ;
  line-height: normal;
}
.t888-video-content {

  margin-top: 316px !important;
}
}
@media (max-width: 1024px) {
.t888-video-content {

  margin-top: 250px !important;
}
}
@media (max-width: 992px) {
  .t888-video-content {

  margin-top: 200px !important;
}
.t888-video-title{
  font-size: 32px ;
  line-height: normal;
} 
.t888-video-description{
  font-size: 18px ;
  line-height: normal;
  margin-bottom: 36px;
}

}
@media (max-width: 767px) {
.t888-video-wrapper{
  min-height: 690px;
}
.container-header{
  padding: 15.5px 20px;
}
  .t888-video-content {

  margin-top: 300px !important;
}
}

@media (max-width: 480px) {
  .t888-video-content{
           top: unset;
        bottom: 50px;
        position: absolute;
  }
  .t888-video-button{
    display: block;
  text-align: center;
}

}