/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

/* Reset styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
h1 {
	
  font-size: 2.5rem; /* Adjust as needed */
  font-weight: bold;
}

h2 {
  font-size: 2rem; /* Adjust as needed */
  font-weight: bold;
}

h3 {
font-family: 'atla', sans-serif;
  font-size: 1.75rem;
  font-weight: bold;
}

h4, h5, h6 {

  font-size: 1.5rem; /* Optional scaling */
  font-weight: normal; /* Use "normal" if these should be less emphasized */
}
.h1.title {
  font-family: 'atla', sans-serif;
  font-weight: normal;
  text-align: center;
}
.h1.light {
font-family: 'atla', sans-serif ;
font-weight: normal;
  text-align: center;
}
.h4.title {
font-family: 'atla', sans-serif ;
font-weight: normal;
}
.h3.title {
font-family: 'atla', sans-serif ;
font-weight: light;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none; outline: none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select {font-family:'Greycliff', Arial, sans-serif; font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; background: none; border: none; margin: 0; width: 100%;}
textarea{display: block; resize: none; overflow: auto;}
select::-ms-expand{display: none;}
input[type="submit"], input[type="file"]{position: absolute; left: 0; top: 0; width:100%; height:100%; opacity:0; border:none; cursor:pointer; z-index: 1;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
body{font-family: 'Greycliff', Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 1;}
b, strong{font-weight: 700;}
ul, ol{list-style: none;}
a{color: inherit;}
/* Fullscreen Video Background */
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
  overflow: hidden;
  position: relative;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay for better readability */
  z-index: 1;
}

/* Video Background */
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Centered Form Container */
section {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 400px;
  background: rgba(255, 255, 255, 0.1); /* Transparent effect */
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  backdrop-filter: blur(10px); /* Frosted glass effect */
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Headings */
h2 {
  color: white;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
}

/* Form Inputs */
form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

input {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  outline: none;
  transition: 0.3s ease-in-out;
  padding-left: 45px;
}

input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.input-container {
    position: relative;
  }
  
  .input-container i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(92, 0, 0, 0.7);
    font-size: 18px;
  }
  

/* Button */
button {
  width: 100%;
  padding: 12px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #bc1823, #f5f3f5);
  color: black;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

button:hover {
  opacity: 0.85;
}

/* Error Messages */
.message {
  color: #ff4d4d;
  font-size: 14px;
  margin-top: 10px;
}

/* Navigation Buttons */
nav {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}

nav button {
  margin: 5px;
  padding: 10px 15px;
  border: none;
  background: rgba(255, 255, 255, 0.3);
  color: white;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

nav button:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* Responsive Design */
@media (max-width: 500px) {
  section {
    width: 90%;
    padding: 20px;
  }
}
header{position: absolute; z-index: 9; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.header-wrapper{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: background .3s; -webkit-transition: background .3s;}
nav a{background: -moz-linear-gradient(left, currentColor 0%, currentColor 100%); background: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background: linear-gradient(to right, currentColor 0%, currentColor 100%); background-repeat: no-repeat; background-size: 10000px 2px; background-position: center 0.7em; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-size: 0px 2px; background-position: center 0.7em;}
nav a:hover, nav li.active > a{-webkit-transition: all 30s ease-out; transition: all 30s ease-out; background-size: 10000px 2px;}
nav li.active > a{transition: none; -webkit-transition: none;}
.toggle-menu{width: 19px; height: 19px; position: relative; display: inline-block; vertical-align: middle; margin-right: -20px; cursor: pointer; top: 10px; left: 10px;}
.toggle-menu:after{position: absolute; left: 0; top: 9px; width: 100%; height: 1px; background: currentColor; content: "";}
.toggle-menu:before{position: absolute; left: 9px; top: 0; height: 100%; width: 1px; background: currentColor; content: ""; transition: all .3s; -webkit-transition: all .3s;}
.toggle-menu.active:before{height: 0; top: 9px;}
header .follow{display: none;}
/**/
#logo img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
/**/
.hamburger-icon{width: 20px; height: 20px; color: #bc1823; transition: transform .3s .3s; -webkit-transition: transform .3s .3s; cursor: pointer; z-index: 1; position: relative;}
.hamburger-icon.active{transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform .3s; -webkit-transition: transform .3s;}
.hamburger-icon span{position: absolute; left: 0; width: 100%; height: 2px; background: currentColor; transition: all .3s; -webkit-transition: all .3s;}
.hamburger-icon.active span{transition: all .3s .3s; -webkit-transition: all .3s .3s;}
.hamburger-icon span:nth-child(1){top: 3px;}
.hamburger-icon span:nth-child(2), .hamburger-icon span:nth-child(3){top: 50%; margin-top: -1px;}
.hamburger-icon span:nth-child(4){bottom: 3px;}
.hamburger-icon.active span:nth-child(1){opacity: 0; top: -5px;}
.hamburger-icon.active span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.hamburger-icon.active span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.hamburger-icon.active span:nth-child(4){opacity: 0; bottom: -5px;}
/**/
header nav .fa{font-size: 1.2em; display: inline-block; vertical-align: bottom; position: relative; top: -1px; margin-right: 3px;}
header .cart-icon{position: relative; display: inline-block; padding: 0 12px 0 3px;}
header .cart-label{position: absolute; right: 2px; top: -10px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; font-size: 11px; line-height: 20px; text-align: center;}
@media (min-width: 991px) {
	/*header type 1*/
	header.type-1{position: fixed; left: 0; top: 0; width: 93px; height: 100%; border-right: 1px #d9d9d9 solid; background: #fff;}
	header.type-1+#content-block{margin-left: 93px;}
	header.type-1 #logo{position: absolute; left: 0; top: 0; width: 200px; height: 200px;}
	header.type-1 .hamburger-icon{position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px;}
	header.type-1.active .hamburger-icon{color: #bc1823;}
	header.type-1 .toggle-menu{display: none;}
	header.type-1 .follow{display: block;}
	header.type-1 nav{position: fixed; left: 0; top: 0; width: 93px; height: 100%; background: #000; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all .3s .5s; -webkit-transition: all .3s .5s; border-right: 1px #1d1d1d solid;}
	header.type-1.active nav{transform: translateX(0%); -webkit-transform: translateX(0%); transition: all .3s .3s; -webkit-transition: all .3s .3s;}
	header.type-1 nav ul{width: 455px; background: #000; position: fixed; left: 93px; top: 0; height: 100%; 
		display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; width: 0; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1);}
	header.type-1 nav ul:hover{overflow: visible;}
	header.type-1 nav ul:after{position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #1d1d1d; content: "";}
	header.type-1.active nav > ul{width: 455px; transition: all .5s .6s; -webkit-transition: all .5s .6s;}
	header.type-1 nav ul li:hover ul{width: 455px;}
	header.type-1 nav ul ul{left: 548px;}
	header.type-1 nav li{padding: 15px 0; text-align: center; width: 455px; display: block;}
	header.type-1 nav a{font-size: 28px; color: #fff; line-height: 35px; padding-bottom: 5px; font-weight: 900; display: inline-block; padding: 0 10px;}
	header.type-1 nav ul ul li{padding: 15px 0;}
	header.type-1 nav ul ul a{font-size: 22px; line-height: 28px; padding-bottom: 10px;}
	header.type-1 .hamburger-icon:not(.active){transition: transform .3s .8s; -webkit-transition: transform .3s .8s;}
	header.type-1 .hamburger-icon:not(.active) span{transition: all .3s .5s; -webkit-transition: all .3s .5s;}
	header.type-1 .follow{position: fixed; left: 46px; margin-left: -20px; width: 40px; bottom: 35px; transition: all .3s .5s; -webkit-transition: all .3s .5s;}
	header.type-1 nav .fa{font-size: .9em;}
	header.type-1 .cart-label{font-size: 16px;}
	/*header type 2*/
	header.type-2{position: fixed; left: 0; top: 0; width: 100%; height: 77px;}
	header.type-2+#content-block{margin-top: 77px;}
	header.type-2 #logo{position: absolute; left: 30px; top: -57px; width: 200px; height: 200px;}
	header.type-2 .hamburger-icon{position: absolute; right: 30px; top: 50%; margin-top: -10px;}
	header.type-2.active .hamburger-icon{color: #bc1823;}
	header.type-2 .toggle-menu{color: #fff;}
	header.type-2 nav ul ul{display: none; position: relative; top: 19px;}
	header.type-2 .navigation-wrapper{position: fixed; left: 0; bottom: 0; width: 100%; height: 0%; overflow: hidden; background: #000; transition: all .5s; -webkit-transition: all .5s; transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1);}
	header.type-2.active .navigation-wrapper{height: 100%;}
	header.type-2 nav{position: absolute; left: 0; bottom: 0; right: 0; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0;}
	header.type-2 nav:after{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
	header.type-2 nav > ul{display: inline-block; vertical-align: middle; padding: 0 15px;}
	header.type-2 nav > ul > li{padding: 19px 30px; font-size: 0;}
	header.type-2 nav a{font-size: 40px; padding-bottom: 5px; line-height: 35px; color: #fff; font-weight: 900; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px;}
	header.type-2 nav > ul > li li{padding: 12px 0;}
	header.type-2 nav ul ul a{font-size: 20px; line-height: 26px; padding: 0 5px;}
	header.type-2 nav .fa{font-size: 1em;}
	/*header type 3*/
	header.type-3{position: fixed; left: 0; top: 0; width: 100%; height: 77px;}
	header.type-3 nav{height: auto!important;}
	header.type-3+#content-block{margin-top: 77px;}
	header.type-3 #logo{position: absolute; left: 30px; top: -57px; width: 200px; height: 200px;}
	header.type-3 .hamburger-icon{display: none;}
	header.type-3 .toggle-menu{display: none;}
	header.type-3 nav ul ul{display: block!important;}
	header.type-3 nav{position: absolute; right: 30px; top: 50%; margin-top: -23px;}
	header.type-3 nav > ul > li{float: left; position: relative; margin-left: 25px; padding: 14px 0;}
	header.type-3 nav > ul > li > a{font-size: 14px; color: #000; line-height: 18px; font-weight: 900; display: block; padding: 0 5px;}
	header.type-3 nav > ul ul{position: absolute; left: 0; top: 100%; width: 0px; background: #0e0e0e; padding: 15px 0; transition: all .5s; -webkit-transition: all .5s; transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); overflow: hidden; opacity: .7;}
	header.type-3 nav > ul li:hover ul{width: 180px; opacity: 1;}
	header.type-3 nav > ul ul li{width: 180px; padding: 0 20px;}
	header.type-3 nav > ul ul li:not(:last-child){margin-bottom: 7px;}
	header.type-3 nav > ul ul a{font-size: 13px; line-height: 21px; color: #fff; font-weight: 700;}
	/*scrolled header*/
	header{transition: all .3s; -webkit-transition: all .3s;}
	header.type-2.scrolled, header.type-3.scrolled{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);}
	/*transparent and light header*/
	.header.type-2.transparent, .header.type-3.transparent{background: none;}
	header.type-2.transparent+#content-block, header.type-3.transparent+#content-block{margin-top: 0;}
	header.type-2.transparent nav > ul > li > a, header.type-3.transparent nav > ul > li > a{color: #fff;}
	header.type-2.transparent .hamburger-icon, header.type-3.transparent .hamburger-icon{color: #fff;}
	header.type-2.transparent.scrolled .header-wrapper, header.type-3.transparent.scrolled .header-wrapper{background: #000;}
	header.type-2.transparent.scrolled .hamburger-icon, header.type-3.transparent.scrolled .hamburger-icon{color: #fff;}
	header.type-3.transparent nav .fa{color: inherit;}
	header.type-3.transparent .cart-label{color: #000; background: #fff;}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	header{position: fixed; left: 0; top: 0; width: 100%; height: 50px;}
	header+#content-block{margin-top: 50px;}
	header #logo{position: absolute; left: 15px; top: -100px; width: 150px; height: 250px;}
	header .hamburger-icon{position: absolute; right: 15px; top: 50%; margin-top: -10px;}
	.header-wrapper{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); position: relative;}
	.navigation-wrapper{position: fixed; left: -100%; width: 100%; top: -100px; bottom: -100px; background: rgba(255,255,255,.95); z-index: -1; opacity: 0; transition: left 0s 1s, opacity .5s; -webkit-transition: left 0s 1s, opacity .5s;}
	header.active .navigation-wrapper{left: 0; opacity: 1; transition: left 0s 0s, opacity .5s 0s; -webkit-transition: left 0s 0s, opacity .5s 0s;}
	nav{height: auto!important; top: 150px; bottom: 100px; left: 0; right: 0; position: absolute; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center; font-size: 0;}
	nav:after{display: inline-block; vertical-align: middle; height: 100%; content: "";}
	nav > ul{display: inline-block; vertical-align: middle; padding: 0 15px;}
	nav > ul > li li{padding: 12px 0;}
	nav a{font-size: 30px; line-height: 40px; color: #000; font-weight: 900; display: inline-block; vertical-align: top;}
	header nav .fa{font-size: .9em;}
	header .cart-label{font-size: 16px;}
	nav ul ul a{font-size: 20px; line-height: 26px;}
	nav ul ul{display: none; position: relative; top: 19px;}
	nav > ul > li{padding: 19px 30px; font-size: 0; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); transition: all .3s; -webkit-transition: all .3s;}
	header.active nav > ul > li{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
	header.active nav > ul > li:nth-child(1){transition-delay: 0s; -webkit-transition-delay: 0s;}
	header.active nav > ul > li:nth-child(2){transition-delay: .15s; -webkit-transition-delay: .15s;}
	header.active nav > ul > li:nth-child(3){transition-delay: .3s; -webkit-transition-delay: .3s;}
	header.active nav > ul > li:nth-child(4){transition-delay: .45s; -webkit-transition-delay: .45s;}
	header.active nav > ul > li:nth-child(5){transition-delay: .6s; -webkit-transition-delay: .6s;}
	header.active nav > ul > li:nth-child(6){transition-delay: .75s; -webkit-transition-delay: .75s;}
	header.active nav > ul > li:nth-child(7){transition-delay: .9s; -webkit-transition-delay: .9s;}
	header.active nav > ul > li:nth-child(8){transition-delay: 1.05s; -webkit-transition-delay: 1.05s;}
	header.active nav > ul > li:nth-child(9){transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
	header.active nav > ul > li:nth-child(10){transition-delay: 1.35s; -webkit-transition-delay: 1.35s;}
	header.active nav > ul > li:nth-child(11){transition-delay: 1.5s; -webkit-transition-delay: 1.5s;}
	header.active nav > ul > li:nth-child(12){transition-delay: 1.65s; -webkit-transition-delay: 1.65s;}
	/*transparent and light header*/
	header.type-2.transparent .header-wrapper, header.type-3.transparent .header-wrapper{background: #000;}
	header.type-2.transparent .hamburger-icon, header.type-3.transparent .hamburger-icon{color: #fff;}
}
.popup-wrapper{position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; left: -100%; transition-delay: .3s; -webkit-transition-delay: .3s;}
.popup-wrapper.active{left: 0; transition-delay: 0s; -webkit-transition-delay: 0s;}
.popup-wrapper .bg-layer{position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; background: rgba(0,0,0,.8); transition: all .3s ease-out; -webkit-transition: all .3s ease-out; opacity: 0;}
.popup-wrapper.active .bg-layer{opacity: 1;}
.popup-content{position: absolute; top: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s; -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; left: -10000px; padding: 15px;}
.popup-content.active{transform: scale(1); -webkit-transform: scale(1); opacity: 1; left: 0; transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s; -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s; position: relative;}
.popup-content:after{display: inline-block; vertical-align: middle; height: 100%; content: "";}
.popup-container{display: inline-block; vertical-align: middle; width: 100%; position: relative; text-align: left; background: #fff;}
.video-popup .popup-container{background: #000;}
.popup-container.size-1{max-width: 570px;}
.popup-container.size-2{max-width: 970px;}
.popup-container.size-3{max-width: 1170px;}
.popup-content .layer-close{position: absolute; left: 0; bottom: 0; right: 0; height: 10000px;}
.popup-align{padding: 60px 70px 70px 70px; overflow: hidden;}
.popup-container .button-close{position: absolute; right: 0; top: 0;}
.simple-link{font-size: 13px; line-height: 21px; color: #333; display: inline-block; font-weight: 700;}
.simple-link:hover{text-decoration: underline;}

footer{padding: 40px 0; background: #fff;}
footer.type-1{padding: 22px 0;}
#content-block footer .copyright{line-height: 30px; display: inline-block; vertical-align: top; margin-right: 30px;}
footer .container-fluid{margin: 0 30px;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	#content-block footer .copyright{margin-right: 0;}
}
.footer {
  background: #111;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  opacity: 0.8;
}