/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/*-------- |-- form part CSS --| --------*/
/* .medianv-form .gform-body select.gfield_select{
	line-height:50px !important;
} */
.medianv-form .gfield_radio{
	display:flex;border:1px solid #323232;overflow:hidden;
	border-radius: 0px 30px 0px 0px;flex-direction: row !important;gap: 0 !important;
}
.medianv-form .gfield_radio input {border: 0 !important;}
.medianv-form .gchoice{width:50%;position:relative;overflow:hidden;}
.medianv-form .gfield_radio .gform-field-label{
	max-width:100%!important; position:absolute;left:0px;right:0px;top:0px;bottom:0px; display:flex!important;
	align-items:center;justify-content:center;margin:0px;z-index:1; color: #000; 
	font-size:16px !important; font-weight: 400; background: #fff; }
.medianv-form input[type=radio]{opacity:0;}
.medianv-form input[type=radio]:checked ~ label{ background:var(--e-global-color-secondary ); color:#fff; }

.medianv-form .gfield_radio .gchoice:first-child .gform-field-label{
	border-radius: 0px 30px 0px 0px !important;
}
.medianv-form .gfield_radio .gchoice:last-child .gform-field-label{
  border-radius: 0px 30px 0px 0px !important;
}
.medianv-form .gform-theme--foundation .gform_fields {row-gap: 15px !important;}

input,select,textarea {
	font-size:1.1rem!important;font-weight: 400;color:#000000;width:100%!important;
	height:55px!important;background:#ffffff!important;padding:0px 15px!important;
	border:1px solid #000000; border-radius: 0px 30px 0px 0px !important;font-size:16px !important;
}
textarea{padding:15px!important;height:100px!important;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}
input[type="submit"] {
    color: #fff;
    width: 244px!important;
    margin: 0px auto!important;
    padding: 0px!important;
    background: var( --e-global-color-secondary ) !important;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
	transition: 0.3s ease-in;
}
input[type="submit"]:hover{color:#fff!important;background:var(--e-global-color-accent) !important;transition: 0.3s ease-in;}

.gform_footer input[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    padding: 16px 60px !important;
    line-height: 1 !important;
    height: auto !important;
	font-size:16px !important;
	font-weight:400 !important;
	font-family: 'Poppins' !important;
    text-transform: uppercase !important;
}
:focus,
:focus-visible{
    outline: none;
    box-shadow: none !important;
}
/*-------- |-- form part CSS --| --------*/



.hero-video video {
    height: 100vh;
    object-fit: cover;
    object-position: center center;
}
.hero-video #audio-control {
    position: absolute;
    right: 0px;
    bottom: 0px;
}





section.banner{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: -6px;
}
section.banner::after {
  content: '';
  background: rgb(255 255 255 / 30%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
section.banner .banner-bg-wrapper {
  width: 100%;

	height: 100vh;
	object-position: top center;
  object-fit: cover;
	display:block;
}
.banner-bg {
  position: absolute;
  top: 40%;
  width: 100%;
  transform: translate(0, -100%);
  z-index: 1;
}
.banner-video-container {
  position: relative;
  width: 100%;
  margin: auto;
}

/* .banner .banner-bg-wrapper {
  width: 100% !important;
  height: auto !important;
} */

.custom-controls {
  position: absolute;
  bottom: 20px;
  left: 7%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
/*   padding: 10px; */
  border-radius: 5px;
  width: 25%;
  z-index: 1;
}

.banner-video-container .control-btn {
  background: transparent;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  padding: 5px 10px;
  margin: 0 5px;
}

.banner-video-container .control-btn:hover,
.banner-video-container .control-btn:focus{
	background:transparent;
}
.progress-bar {
  width: 100%;
  max-width: 300px;
  margin: 0 10px;
  accent-color: #fff;
}

.time-display {
  color: white;
}

@media screen and (max-width:768px){
	.custom-controls {
		width:85%;
		height: 45px;
	}
}

@media screen and (max-width:767px){
.hero-info {
    position: static !important;
    background-color: var(--e-global-color-accent) !important;
	border: none !important;
	}
	section.banner .banner-bg-wrapper{
		height:auto;
	}
}