/* Hide WordPress video UI if present */
.mejs__offscreen,
.mejs__controls {
  display: none;
}

.mejs-controls{
	display:none;
}

.blur-bg {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(20px); /* Safari support */
}

.hero-pin {
  position: relative;
  background: linear-gradient(180deg, #06436f -28.83%, #021a2c 128.83%);
  overflow: hidden;
}

/* Layout */
.hero-inner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 80px 0;
  box-sizing: border-box;
	gap:60px;
}

/* Text */
.hero-copy {
  color: #fff;
  margin-bottom: 40px;
}

.hero-copy h1 {
  font-size: 80px;
  line-height: 1.1;
  margin-bottom: 16px;
  font-weight: 600;
	color:#fff;
}

.hero-copy h1 span {
  color: #ff7c7c;
}

.hero-copy p {
	font-size:20px;
	line-height:30px;
  max-width: 720px;
  margin-bottom: 24px;
  opacity: 0.8;
}

.hero-cta {
  display: inline-flex;
  padding: 10px 22px;
  border-radius: 999px;
  background: #A0D7FE;
  color: #06436f;
  font-weight: 600;
  text-decoration: none;
}

/* Video */
.mejs__mediaelement {
  width: 100%;
  height: 40vh;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  transform-origin: center;
	position:relative;
}

.mejs-mediaelement {
  width: 100%;
  height: 40vh;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  transform-origin: center;
	position:relative;
}

.hero-video {
  width: 100% !important; 
  height: 100% !important;
  object-fit: cover;
}

.video__content {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 10%;
    bottom: 5%;
    z-index: 3;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.video__content .title {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.video__content .desc {
    color: white;
    font-size: 72px;
    font-weight: 600;
     transform: translateX(-80px);
  opacity: 0;
	line-height:80px;
	margin-bottom:1rem;
}

.lower__content {
    display: flex;
    align-items: center;
	gap:1.5rem;
}

.lower__content span {
    width: 40%;
    height: 2px;
    background: white;
    margin: 0 16px;
}

.lower__content p {
    color: white;
    font-size: 16px;
    max-width: 400px;
     transform: translateX(80px);
  opacity: 0;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16, 28, 37, 0.00) 0%, rgba(16, 28, 37, 0.45) 100%);
    z-index: 2;
}

.hero-cta:hover{
	background:#89ccfc;
	color:#06436f;
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
  .hero-inner {
    padding: 80px 32px 0;
  justify-content: space-between;

  }
	
	.elementor-6632 .elementor-element.elementor-element-52b090c{
		width:100% !important;
	}

  .hero-copy h1 {
    font-size: 56px;
  }

  .hero-copy p {
    max-width: 520px;
    font-size: 18px;
  }

  .mejs__mediaelement {
    height: 55vh;
    border-radius: 20px 20px 0 0;
  }
	
/* 	.mejs-mediaelement{
		 height: 55vh;
    border-radius: 20px 20px 0 0;
	} */
	
	.video__content .title {
    font-size: 14px;
}
	
	.video__content .desc{
		font-size:52px;
	}
	
	.lower__content{
		flex-direction:column-reverse;
		align-items:flex-start;
	}
	
	.lower__content span{
		display:none;
	}
}



/* Mobile */
@media (max-width: 600px) {
  .hero-inner {
/*     padding-top: 72px; */
    padding: 72px 16px;
  justify-content: space-between;

  }

  .hero-copy h1 {
    font-size: 48px;
    min-height: 212px;

  }

   .hero-copy p {
    max-width: 520px;
    font-size: 16px;
  }
  .hero-video-wrap {
    height: 45vh;
    border-radius: 16px 16px 0 0;
  }
	
	.hero-video{
		width:100% !important;
		height:100% !important;
	}
	
	.mejs__mediaelement{
		height:45vh;
	}
	
	.video__content .desc{
		font-size:40px;
		line-height:48px;
	}
	
	.lower__content{
		flex-direction:column-reverse;
		align-items:flex-start;
	}
	
	.lower__content span{
		display:none;
	}
	
	.lower__content p{
		width:90%;
	}
	
	.video__content{
		bottom:5%;
		left:auto;
	}
	
	.video__content .title {
		font-size:14px;
	}
}


.bdt-ep-review-card-carousel-image{
	width:100% !important;
}




/*text animation*/
.word-rotator {
  display: inline-block;
  height: 1.2em;
  overflow: hidden;
  vertical-align: bottom;
  margin-left: 6px;
}

.word-track {
  display: block;
  animation: wordSlide 8s infinite ease-in-out; /* longer for 4 words */
}

.word-track span {
  display: block;
  height: 1.2em;
  line-height: 1.2em;
  color: #f5c400;
  font-weight: 600;
}

/* 4-word loop */
@keyframes wordSlide {
  0%   { transform: translateY(0); }
  20%  { transform: translateY(0); }

  25%  { transform: translateY(-1.2em); }
  45%  { transform: translateY(-1.2em); }

  50%  { transform: translateY(-2.4em); }
  70%  { transform: translateY(-2.4em); }

  75%  { transform: translateY(-3.6em); }
  95%  { transform: translateY(-3.6em); }

  100% { transform: translateY(0); }
}