* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Ensure padding is included in height calculations */
}
body{color:#fff !important;font-size:16px;line-height:100%;overflow-x: hidden;font-family: 'Montserrat_Regular', sans-serif;background: linear-gradient(180deg, #040405 0%, rgba(86, 86, 107, 1.30) 100%);background-repeat: no-repeat;
    background-size: contain;
    background-position: center;}
.container{ max-width: 1200px !important; }
img{max-width:100%;vertical-align:top;}
a:focus,input:focus{outline:none;}
a{text-decoration:none !important;color: #fff;}
a:hover{color:#797979;transition: all 0.3s ease-in;}
span.block {display:block}
ul{margin:0;padding:0;}
ul li {list-style:none;}
.row{padding: 0 !important;padding-left:0 !important;}



/* loader */
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
#status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../../images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
/* loader */

button{border-radius: 5px;border: 1px solid var(--grey-600, #4F5963);}
.btn_outline{background-color: transparent !important;}
.btn{color: #ffffff;  border-radius: 5px;font-size: 14px;display: inline-block;overflow: hidden;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;position: relative;transform: translateZ(0px);-webkit-transform: translateZ(0px);padding: 9px 23px;border: 1px solid #4F4F4F;background:#22262A;}
.btn:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;z-index: -2;border: 1px solid #4F4F4F;}
.btn::after {z-index: -1;background: #586276  !important;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);-webkit-transform: scaleX(0);transform-origin: 0 50% 0;-webkit-transform-origin: 0 50% 0;transition: transform 0.4s ease-in-out;-webkit-transition: transform 0.4s ease-in-out;}
.btn:hover:after {transform: scaleX(1);-webkit-transform: scaleX(1);}
.btn.focus, .btn:focus, .btn:hover {color: #ffffff;outline:0;box-shadow:none;}
h1,h2,h3,h4,h5,h6{margin:0; line-height:100%;}
.p{margin:0; line-height:150%;}
h1{font-size: 65px;}
h2{ font-size: 55px;}
h3{ font-size: 45px; }
h5{ font-size: 35px;}
h6{ font-size: 25px;}
.block{ display:block;}
.form-control:focus{outline:0;box-shadow: none;}
.wrapper{display:table;width: 100%;}
.left_content{display:table-cell;}
.right_content{display:table-cell;}
.middle_content{display:table-cell;}


nav {
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.3s ease;padding: 10px 120px !important;border-bottom: 1px solid var(--grey-800, #35383c);
    margin: 0; /* Reset margins */}
  
nav.fixed {
background-color: rgba(0, 0, 0, 0.9);
}


nav ul {
display: flex;
align-items: center;
list-style-type: none;
}

nav ul li {
margin: 0 15px;
}

 nav ul li a {
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
transition: background-color 0.3s ease;
}

.icon {
	color: black; /* Default color */
	transition: color 0.3s ease; /* Transition effect */
	width: 100px; /* Example size */
	height: 100px; /* Example size */
}

.icon:hover {
	color: red; /* Color on hover */
}

/* Mobile Menu */
.menu-btn {
display: none;
font-size: 28px;
color: white;
cursor: pointer;
}

/* Mobile Menu Hidden by Default */
nav ul.mobile-menu {
opacity: 0;
transform: translateY(-20px);
visibility: hidden; /* Keep it hidden initially */
flex-direction: column;
width: 100%;
background-color: #333;
position: absolute;
top: 100px;
left: 0;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s 0.5s; /* Visibility delay when hiding */
}

/* Mobile Menu Active State */
 nav ul.mobile-menu.active {
opacity: 1;
transform: translateY(0); /* Slide down */
visibility: visible; /* Show menu */
transition: opacity 0.5s ease, transform 0.5s ease; /* No delay for showing */
}

/* Media Queries for Mobile */
@media (max-width: 768px) {
nav ul { display: none; /* Hide desktop menu on mobile */}
nav ul.mobile-menu {display: flex; /* Show mobile menu as flex */}
nav ul.mobile-menu li { text-align: center; margin: 15px 0;}
.menu-btn {display: block;}
nav{padding: 0 20px!important;background-color: #333;}
}





#hero_section .banner_content .wrap {
    padding: 0 10px 0 0;
    border-right: 6px solid #fff;  /* Set initial border color to white */
    animation: blink 1s infinite; /* Apply the blink animation */
}

@keyframes blink { 
    0%, 100% { border-color: #fff; } /* Keep border white at start and end */
    50% { border-color: transparent; } /* Fade to transparent */
}
 


#hero_section {  display: flex;position: relative;
	/* justify-content: center; */  /* Horizontally centers content */
	align-items: center;  /* Vertically centers content */
    width: 100%;
    height: 100vh; /* Adjust the height as needed */
    overflow: hidden; /* Ensure the pseudo-element doesn't overflow */} 
#hero_section  .banner_content { display: flex; flex-direction: column;justify-content: center;gap: 20px;}
#hero_section h2{  font-family: 'Syne_Bold';  }
#hero_section ul.social_media li {display: inline-block; padding-left: 20px;}
#hero_section .cta {display: flex;align-items: center; gap: 20px;}

#hero_section::before,
#hero_section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; /* Places the images behind the content */
}

#hero_section::before {
    background-image: url('../../images/rup-1.png'); /* First image */
	right: -5%;
    width: 600px;
    height: 500px;
    bottom: 0;
}

#hero_section::after {
    background-image: url('../../images/globe.png'); /* Second image */
    opacity: 0.3; /* Adjust opacity if needed */
	left: 0; /* Aligns it to the right */
    width: 400px; /* Set the width to 50% */height: 400px;filter: blur(2px);
}

#hero_section .cta svg:hover { opacity: .5;transition: .5s; }