/* CSS Document */

/* 
*
*
[Table of contents]

1. general
*********************
    font-expedition / @import url
	reset / html
	body / body
	space and color / .spaceup .spacedown .spaceicon .center .left .color-black .color-gray
	image-expedition / .img-cont
	button-expediton / button
	no select / .noselect
	background-expedition / .bgexpedition
	preloader / .preloader
	
2. Menu & Navigation
*********************
    icon menu / #nav-icon
	navigation / .main-menu #nav-menu
    navigation bottom / .nav-bottom
	wrapper bottom / .bottom-option
	logo-expedition / .brand-expedition 
	

3. Content
***************************
	wrapper expedition / #wraperexpedition
	
	3.1 Page Home
	*********************
	wrapper home / .contentexpedition
	home expedition / #slidertext
	countdown / #given_date
	
	3.2 Common Page
	*********************
	wrapper page / .expedition-page
	
	3.3 Popup
	*********************
	gallery-wraper owl / #owl-gal
	gallery / .port
	Magnific Popup CSS /.mfp-bg,.mfp-wrap 
	general popup / .white-popup-block
	team / #team
	
	3.4 Contact & Form
	*********************
	contact / .contact
	subscribe / #subwrap
	
	3.5 Other
	*********************
	Owl brand / #owl-brand #owl-slider-home 
	particle / #particles
	footer / .footer
*
*
*/

/* font-expedition */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:100,300,400');
@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&display=swap');

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, button, output, ruby, section, summary, time, mark, audio, video {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
border: 0;
font: inherit;
text-decoration:none;
list-style: none;
}

/** general **/
body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: left;
color:#fff;
background:#000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h1{ font-family: 'Amita', sans-serif; font-size:60pt; font-weight:700; letter-spacing:4px;}
h2{ font-size:40pt; font-weight:100; }
h3{ font-size:34pt; font-weight:100; letter-spacing:1px;}
h4{ font-size:18pt; font-weight:300; line-height:18pt; }
h5{ font-size:16pt; font-weight:600;}
p{ font-size:13pt; font-weight:300; letter-spacing:.1pt; line-height:1.9; text-shadow:none; }

a, a:visited, a:hover, a:active { 
color: inherit;
text-decoration:none;
outline: 0;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

.link-class {
    display: block;
	text-decoration:none;
	color:inherit!important;
}

/* space and color */
.spaceup{ margin-top:30px;}
.spacedown{ margin-bottom:30px;}
.spaceicon{ margin-bottom:10px; margin-right: 30px; overflow: hidden; text-align: left; float:left;}
.center{ text-align:center; }
.spaceicon-right{ margin-right: 10px;}
.left{ text-align:left; float:left; line-height:inherit; }
.color-black { background:#111; padding:40px; border-bottom:4px solid #fff; }
.color-gray { background:#252525; padding:40px; }
.m.10px{ margin:10px; }
.m-15px{ margin:15px; }
.m-20px{ margin:20px; }
.m-25px{ margin:25px; }
.m-30px{ margin:30px; }

/* image-expedition */
.img-cont{ display:block; float:left; margin:10px 20px 10px 0; width:100%; max-width:1200px; height:auto;}

/* button-expediton */
button{
border: 1px solid #dadada;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button:hover{ 
border: none;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-home {
display: inline-block;
width: 200px;
height: 50px;
font-size:10pt;
letter-spacing:2pt;
text-transform:uppercase;
font-style:normal;
text-align:center;
line-height:50px;
color:#fff;
border: 1px solid #dadada;
background:rgba(0,0,0,0);
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
outline: none;
text-shadow:none;
margin: 20px 20px auto;
padding: 0;
cursor:pointer;
}
.btn-form {
display: inline-block;
width: 200px;
height: 50px;
font-size:9pt;
letter-spacing:1pt;
text-transform:uppercase;
font-style:normal;
text-align:center;
line-height:50px;
color:#fff;
border: 1px solid rgb(0,0,0,0);
background:#008fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
outline: none;
text-shadow:none;
margin: 10px auto;
padding: 0;
cursor:pointer;
}
.btn-content{
display: inline-block;
width: 200px;
height: 50px;
font-size:10pt;
letter-spacing:2pt;
text-transform:uppercase;
font-style:normal;
text-align:center;
line-height:50px;
color:#fff;
border: 1px solid #dadada;
background:rgba(0,0,0,0);
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
outline: none;
text-shadow:none;
margin: 20px 0 0 0;
padding: 0;
cursor:pointer;
}
.btn-home:hover, .btn-content:hover{border: none;
background:rgba(0, 0, 0, 1);
border: 1px solid rgba(0,0,0,0);
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.btn-form:hover{border: none;
background:#111;
color:#efefef;
border: 1px solid rgb(0,0,0,0);
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.devider-center {border-top: 4px solid #fff; margin:15px 0 20px 0; width:200px; margin:0 auto;}
.devider-page {border-top: 4px solid #fff; margin:15px 0 20px 0; width:234px;}
.devider-page-content {border-top: 1px solid #fff; margin:15px 0 20px 0; width:50px;}

/* no select */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* background-expedition */
.bgexpedition {
  position: fixed;
  width: 100%;
  height: 100%;
}
.bgexpedition img {
  min-height: 100%;
  width: 100%;
  height:auto;
  top: 0;
  left: 0;
}
/* background video  */
.video {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index:0;
  opacity:0.8;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* background color */
.bgcolor{
position: fixed;
width: 100%;
height: 100%;
background: #AA076B; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #AA076B , #61045F); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #AA076B , #61045F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
opacity:0.5;
}

.overlay-main{
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6);
}
.overlay-home{
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.3);
}
/** general end **/

/* preloader */
.preloader
    {
        position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99999;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          background:rgba(0,0,0,1);
    }
.mainpreloader {
	position:relative;
	animation: rotate 1s infinite linear;
	border: 3px solid rgba(255, 255, 255, .1);
	width: 50px;
	height: 50px;
	margin-right:-24px;
	border-radius: 999px;
}
.mainpreloader span {
	position:absolute;
	width:50px;
	height:50px;
	border: 3px solid transparent;
	border-top: 3px solid rgba(255, 255, 255, .5);
	top: -3px;
	left: -3px;
	border-radius:999px;
}
@-webkit-keyframes rotate{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
	}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.logo-preloader{
	animation: fadeimg 1s infinite linear;
	}
@-webkit-keyframes fadeimg{
	0% {opacity:1;}
	50% {opacity:0.6;}
	100% {opacity:1;}
	}
@keyframes fadeimg{
	0% {opacity:1;}
	50% {opacity:0.6;}
	100% {opacity:1;}
	}
/* end preloader */


/** Menu Navigation & Button **/
/* icon menu */
#nav-icon {
  position:fixed;
  background: none;
  right: 40px;
  top: 45px;
  width: 35px;
  height: 25px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s cubic-bezier(.165, .84, .44, 1);
  transition: 0.15s cubic-bezier(.165, .84, .44, 1);
}

.menu-line {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #fff;
  top: 0px;
  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}

.menu-line1 {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #fff;
  top: 10px;
  -webkit-transition: width 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: width 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}

.menu-line2 {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #fff;
  top: 20px;
  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}

#nav-icon.open .menu-line {
  opacity: 0;
  top: 10px;
  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}
#nav-icon.open .menu-line1 {
  opacity: 1;
  top: 10px;
  background-color: black;
  -webkit-transition: width 0s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: width 0s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}

#nav-icon.open .menu-line2 {
  opacity: 0;	
  top: 10px;
  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);
}
/* icon menu end */

/* navigation */
.main-menu {
  position:fixed;
  opacity: 0;
  width: 400px;
  height: 100%;
  display: table;
  table-layout: fixed;
  background:#ffefde;
  right:-400px;
  z-index: 999;
  /* box-shadow: -15px 0px 5px rgba(0,0,0, 0.1); */
  -webkit-transition: right 0.7s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.5s linear;
  transition: right 0.7s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.5s linear;
}

.menu-bg{
	width:400px;
	max-width:400px;
	height:820px;
	background:url("..img/menu-bg.jpg") no-repeat;
	}

.overlay-menu{
  display:none;
  position: fixed;
  width: 100%;
  height:100%;
  z-index:999;
  /* background: #ffefde; */
}

.menu-show {
  opacity: 1;
  width: 400px;
  right:0px;
  -webkit-transition: right 0.7s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.5s linear;
  transition: right 0.7s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.5s linear;
}

/* general nav */
#nav-menu { display: table-cell; vertical-align: middle; right:0px; }

#nav-menu li{
  position:relative;
  font-family: 'Oswald', serif;
  width:400px;
  padding-right:50px;
  font-size: 24pt;
  font-weight:400;
  line-height:60pt;
  letter-spacing:0px;
  text-align:right;
}
.init-menu{right:-400px; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0.3s;
transition: all .5s cubic-bezier(.165, .84, .44, 1) 0.3s;}
.show-menu{right:0px; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0.3s;
transition: all .5s cubic-bezier(.165, .84, .44, 1) 0.3s;}

#nav-menu li .active {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#nav-menu li a{ 
color: #343434;
background:none; 
text-decoration:none;
}

#nav-menu li a:hover{color: #fff;}

#nav-menu li a:hover::before,
#nav-menu li a:focus::before {
	max-width: 100%;
}

#nav-menu li a::before {
	position: absolute;
	top: -37px;
	right: 50px;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: rgba(0,0,0,0);
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
	white-space: nowrap;
}

#nav-menu li ul li a{
	display:none;
	opacity:0;
	padding-right:10px;
	border-right:solid 1px #343434;
	font-family:'Roboto', serif;
    font-size: 13pt;
    font-weight:300;
}

#nav-menu li:hover > ul li a{
	display:block;
	color: #999;
	font-family:'Roboto', serif;
    font-size: 13pt;
    font-weight:300;
	line-height:15pt;
	margin:10px 0px 10px 0;
	-webkit-animation-name: animfadeInUp;
    animation-name: animfadeInUp;
   -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dropmenu{ display:inline-block;}

#nav-menu li:hover > a{color:#fff; }
#nav-menu li:hover > ul li a:hover{color:#fff; }

.holdsidebar {
  display:none;
  position: fixed;
  width: 400px;
  height: 100%;
  z-index: 9999;
  top: 0;
  right: 0;
}

/* navigation bottom */
.nav-bottom{ 
width:100%;
height:100%;
text-align:center;
position:fixed;
bottom: 5px;
left: 50%;
transform: translate(-50%, 95%);
}
#opengal{ text-decoration:none; width:200px; height:100px; cursor:pointer; margin:0 auto; }
.nav-bottom span{ font-size:11pt; font-weight:300; }
.nav-bottom i{ display:block; font-size:18pt; line-height:10pt;}

/* wrapper bottom */
.bottom-option{ display:none; position:fixed; width:100%; height:325px; text-align:center; background:rgba(0,0,0,0.95); bottom:0; left:0; z-index:9999;}
.nav-bottom-close{ 
cursor:pointer;
text-align:center;
margin:5px 0 0 0;
}
.nav-bottom-close i{ display:block; font-size:18pt;}
.nav-bottom-close span{ font-size:11pt; font-weight:300; }
.nav-top-block{ 
display:block; 
position:fixed; 
width:100%; 
height:100px; 
top:-100px; 
left:0px; 
background:rgba(17,17,17,1); 
z-index:9; 
-webkit-transition: top 0.2s cubic-bezier(.165, .84, .44, 1) 0s;
 transition: top 0.2s cubic-bezier(.165, .84, .44, 1) 0s
 }
.nav-block-show{
top:0px; 
-webkit-transition: top 0.2s cubic-bezier(.165, .84, .44, 1) 0s;
transition: top 0.2s cubic-bezier(.165, .84, .44, 1) 0s
}
/* wrapper bottom end */
/* navigation end */

/* logo-expedition */
.brand-expedition {
  position:fixed;
  top:25px;
  left:40px;
  width: auto;
  height: auto;
  z-index:999;
  cursor:pointer;
}
/** Menu Navigation & Button end **/

/*** Content ***/
/* wrapper expedition */
#wraperexpedition{
  position: fixed;
  width: 100%;
  height:100%;
  background:rgba(0, 0, 0, 0);
}

/* wrapper home */
.contentexpedition{ 
width: 100%;
text-align:center;
margin: 0;
position:fixed;
color:#fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 2px 2px rgba(0,0,0,0.2);
z-index:1;
-webkit-transition: 0.5s cubic-bezier(.165, .84, .44, 1) 0.5s;
transition: 0.5s cubic-bezier(.165, .84, .44, 1) 0.5s;
}

/* home expedition */
#slidertext{ margin-bottom:20px;}
.main-text{ font-size:30pt; font-weight:300;}

.owl-slidertext{ position:absolute; right:2%; top:1%;}

/* countdown */
#given_date{
 font-family: 'Roboto', sans-serif;
 font-size:48pt;
 background:none;
 border:none;
 color:#fff;
 text-align:center;
 font-weight:700;
 text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
 }
 #given_date sup{ 
 font-family: 'Roboto', sans-serif;
 font-weight:400; 
 font-size:11pt; 
 text-transform:uppercase; 
 margin-left:10px; 
 margin-right:10px;
 }
/* home expedition end */

/* wrapper page */
.main-content{
  position:fixed;
  width: 100%;
  height:92%;
  outline: 0;
  padding:10% 10% 10% 10%;
  color:#fff;
  float:left;
  text-shadow: 1px 1px rgba(0,0,0,0.1);
  overflow:hidden;
  -webkit-transition: bottom 0.8s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.8s linear;
  transition: bottom 0.8s cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.8s linear;
}

.max-page{
	width:100%;
	-webkit-transition: all 0.7s cubic-bezier(.165, .84, .44, 1) 0.5s;
    transition: all 0.7s cubic-bezier(.165, .84, .44, 1) 0.5s;
}


.minimize{
	left: 40%;
	-webkit-transition: 0.5s cubic-bezier(.165, .84, .44, 1) 0.5s;
    transition: 0.5s cubic-bezier(.165, .84, .44, 1) 0.5s;
}
.maximize{
	z-index:2;
	opacity:1;
	overflow:hidden;
	-webkit-transition: all 0.7s cubic-bezier(.165, .84, .44, 1) 0.5s;
    transition: all 0.7s cubic-bezier(.165, .84, .44, 1) 0.5s;
}

/* team */
#team{
	padding-top: 10px;
	width:100%; 
	overflow: hidden; 
	margin:0px; 
	text-align:center;
	}
.team-wrapper{
		width:24%;
		display:inline-block;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		position: relative;
		margin:25px 10px 5px 10px;
	}
.team-wrapper img{ 
   overflow: hidden;
   opacity: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  }	
.team-wrapper img:hover{
		cursor: pointer;
		opacity: 0.5;
		-webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
	}
.team-des{
		padding: 20px;
	}
.team-des p{
	font-weight:700;
	}
.team-des span{
		display: block;
		font-weight:300;
		font-size:12pt;
		margin: 5px 0 5px 0;
	}
.team-des .fa {
  width: 25px;
  height: 25px;
  font-size:16px;
}
.team-des .fa:hover{
	    cursor: pointer;
		opacity: 0.8;
		}


/* gallery */
.port {
  position: relative;
  font-size: 9pt;
  font-weight:400;
  letter-spacing:1pt;
  text-transform:uppercase;
  width: 341px;
  height: 252px;
  margin:0 auto;
}

.port img {
  width: 100%;
  vertical-align: top;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.3);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* 
.hovereffect:hover .overlay {
  background: #AA076B; 
background: -webkit-linear-gradient(to left, #AA076B , #61045F); 
background: linear-gradient(to left, #AA076B , #61045F); 
opacity:0.7;
} */

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 16px;
  font-weight:400;
  padding: 15px 0 0 0;
  -webkit-transform: translateY(105px);
  -ms-transform: translateY(105px);
  transform: translateY(105px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* .hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
} */

.hovereffect a.info, .hovereffect span.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.4);
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 20px 0 0 0;
  padding: 62px 100px;
}

.hovereffect:hover a.info, .hovereffect:hover span.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* end gallery */


/* Magnific Popup CSS */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:38px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#fff;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#fff}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.image-source-link{color:#98C3D1}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
/* end Magnific Popup CSS */

/* general popup */
.white-popup-block{max-width:900px; margin: 20px auto; color:#333; background:#fefefe; padding:40px;}
.white-popup-block h3{ font-weight:300; line-height:normal; letter-spacing:normal;}
.white-popup-block p{ font-size:11pt; font-weight:300; line-height:normal; letter-spacing:normal;}
.devider-black {border-top: 1px solid #333; margin:10px auto; width:200px;}
.devider-black-left {border-top: 1px solid #333; margin:15px 0 20px 0; width:50px;}

/** contact **/
#map{width:100%; height:360px;}
.contact {
  text-align: left;
  margin-left: 20px;
  width:100%;
  height:auto;
}
.main-content a{
  font-size:13pt;
  font-weight:300;
  text-decoration:none;
}

input[type="email"]{
  text-align:center;
  width:40%;
  height: 55px;
  padding: 10px;
  margin: 5px 0px 5px 0px;
  border: 0px;
  font-size: 12pt;
  letter-spacing: 2px;
  background: rgba(0, 0, 0, 0);
  padding: 13px 10px 15px 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -moz-transition: none;
  -webkit-transition: none;
  border-bottom: 1px solid #c3c3c3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.2s ease;
}


input[type="text"], textarea {
  text-align: left;
  width: 95%;
  height: 55px;
  padding: 10px;
  margin: 5px 0px 5px 0px;
  border: 0px;
  font-size: 12pt;
  font-weight:300;
  letter-spacing: 2px;
  background: rgba(0, 0, 0, 0);
  padding: 13px 10px 15px 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -moz-transition: none;
  -webkit-transition: none;
  border-bottom: 1px solid #c3c3c3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.2s ease;
}

textarea {
  height: 100px;
}

input[type="text"]:focus, input[type="text"].focus, textarea:focus, textarea.focus, input[type="email"]:focus, input[type="email"].focus, email:focus, email.focus {
  border-bottom: 1px solid #959595;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #efefef;
}

::-moz-placeholder {
  opacity: 1;
  color: #efefef;
} /* firefox 19+ */
:-ms-input-placeholder {
  opacity: 1;
  color: #efefef;
} /* ie */
input:-moz-placeholder {
  opacity: 1;
  color: #efefef;
}

.error {
  width: 200px;
  color:#fff;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
  background:rgba(242,79,71,0.8);
  display: none;
  text-align:center;
  letter-spacing:1px;
  font-size: 10px;
  margin-bottom: 10px;
  padding: 5px 10px 7px 10px;
  
}

.success {
  width: 100%;
  display: none;
  padding: 2px 0px 2px 0px;
  margin-left: 10px;
  font-size: 11px;
  margin-bottom: 10px;
}

/* subscribe */
#subwrap {
margin: 0 auto;
text-align:center;
color:#333; 
background: #fff;
width: 450px;
height: 300px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #333;
position: relative;
}

#subwrap h5{ font-family: 'Oswald', sans-serif; font-weight:400; font-size:26px; margin:0px 0 30px 0;}

#subscribe .mail {
display: none;
visibility: hidden;
}

#subscribe input#subscribeemail {
font-size: 10pt;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color:#333; 
width: 300px;
height: 50px;
margin: 10px;
padding: 10px;
border: 1px solid #dadada;
  -webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
#subscribe input#subscribeemail[type="text"]:focus, #subscribe input#subscribeemail[type="text"].focus{
  border: 1px solid #efefef;

}

.subscribesuccess {
display:none;
width: 375px;
font-size: 10px;
line-height: 2;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-weight: 400;
letter-spacing: normal;
color: #333;
margin: 0 auto;
padding:0;
letter-spacing: 1px;
}

#subscribe .subscribeerror {
width: 375px;
font-size: 10px;
line-height: 2;
font-style: normal;
text-transform: uppercase;
text-align: center;
color: #333;
display: block;
margin: 0 auto;
padding: 0;
letter-spacing: 1px;
}
/** contact end **/

/** Other **/
/*Core Owl Carousel CSS File v1.3.3*/
/* clearfix */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;background:#d8d8d8;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:none;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:8px;height:8px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#d8d8d8}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}


/* owl-slider-home */
    #owl-slider-home .item img{
    display: block;
    width: 100%;
    }
    #bar{
      width: 0%;
      max-width: 100%;
      height: 2px;
      background: #000;
    }
    #progressBar{
      width: 100%;
      background: #eee;
    }



/* gallery-wraper */
#owl-gal .item{
      display: block;
      padding: 15px 0px ;
      margin: 0 auto;
      text-align: center;
    }
    .owl-theme .owl-controls .owl-buttons div {
      padding: 40px 44px;
	  background:rgba(0,0,0,0.5);
    }

    .owl-theme .owl-buttons i{
      margin-top: 2px;
	  font-size:40pt;
    }

    .owl-theme .owl-controls .owl-buttons div {
      position:fixed;
	  z-index:9999;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -100px;
      	  top:40%;
	  padding-left:100px;
    }
	
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: -100px;
      	  top:40%;
	  padding-right:100px;
    }
	.owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

/* Owl brand */
#owl-brand .item{
        padding: 30px 0px;
        margin: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }

/* particle */
#particles {
  width: 100%;
  min-height: 600px;
  overflow: hidden;
  position:fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*footer*/
.footer {
  position: absolute;
  display: block;
  height: auto;
  right: 40px;
  bottom: 10px;
  overflow: hidden;
  font-size:11px;
  z-index: 99;
}

/*soc-icon*/
.soc-icon {
  position: absolute;
  display: block;
  height: auto;
  left: 40px;
  bottom: 10px;
  overflow: hidden;
  font-size:11px;
  z-index: 1;
}
.soc-icon i { font-size:13pt; margin-right:10px;}
.soc-icon i:hover { color:#999;}
/*footer end*/

/** Other end **/
/*** Content end ***/

/* STYLE IE 10+ CROSS BROWSER */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}


.main-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* space between links and icons */
  height: 100vh; /* full height so bottom works */
  padding: 20px;
}

#nav-menu {
  flex: 1; /* take up remaining space */ 
}

.menu-social-icons {
display: flex;
justify-content: center; /* center icons horizontally */
gap: 20px;
margin-top: 30px; /* push to bottom */
}


.menu-social-icons a i {
  font-size: 28px; /* adjust size */
  color: #000000;     /* white icons */
  transition: color 0.3s ease;
}


.menu-social-icons a i:hover {
  color: #c80000;  /* hover color */
}


.mobile-extra-text {
  display: none; /* hidden by default */
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  /* background: #c80000; */
  padding: 12px;
  width: 100%;
  position: absolute;
  bottom: 0;          /* stick to bottom */
  left: 0;
  /* border-top: 1px solid #000000; */
  margin-left: -20px;
}



/* Show only on mobile */
@media (max-width: 768px) {
  .mobile-extra-text {
    display: block;
  }

  .main-text {
    font-size: 35px; /* Adjust font size for mobile */
  }

  /* Ensure menu layout stays clean */
  .main-menu {
    position: relative;
    min-height: 100vh; /* Keeps full height for content */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* pushes icons to bottom */
    align-items: center;
  }

  /* Keep the envisioned box in place */
  .envisioned-box {
    margin-bottom: 10px; /* reduce gap between envisioned box and icons */
    position: relative;
    z-index: 2;
  }

  /* Social icons section */
  .menu-social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-bottom: 15px; /* reduced from 70px */
    margin-left: 0; /* remove left offset */
  }
}


#slidertext {
  margin-top: 20px; /* Adjust the top margin as needed */
}

/* Make slider videos full screen */
#owl-slider-home .item video {
 width: 100vw;       /* full viewport width */
 height: 100vh;      /* full viewport height */
 object-fit: cover;  /* cover the entire area without stretching */
 position: absolute; /* so it can sit behind content */
 top: 0;
 left: 0;
 z-index: -1;        /* send video behind overlay/text */
}

/* Ensure the slider container also covers the screen */
 #owl-slider-home,
 #owl-slider-home .item {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.overlay .social-icons {
  display: none;
}

.port:hover .overlay .social-icons {
  display: flex;
}

/* Make overlay a flex container centered both vertically and horizontally */
.overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Social icons container */
.overlay .social-icons {
  display: flex;
  gap: 20px; /* space between icons */
  margin-top: 110px;
 }
 
 /* Icons style */
.overlay .social-icons a i {
  color: #fff;
  font-size: 32px; /* increase size */
  transition: transform 0.3s, color 0.3s;
}

.profile-box {
  position: absolute;
  bottom: 100px; /* distance above social icons */
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff3e6;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  max-width: 380px;
  width: 90%;
  display: flex;
  align-items: center;
}

.profile-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.profile-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.profile-text .subtitle {
  font-size: 12px;
  color: #555;
  margin: 0;
}

.profile-text .title {
  font-size: 16px;
  font-weight: bold;
  margin: 2px 0;
  color: #000;
}

.profile-text .designation {
  font-size: 13px;
  color: #444;
  margin: 0;
}

.menu-social-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px; /* space below profile box */
}

.mobile-extra-text {
  text-align: center;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}

.envisioned-box {
  background-color: #fff3e6; /* light cream background */
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  color: #222;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  margin: 0 auto 20px;
  margin-top: 50px;
}

.envisioned-img {
  width: 200px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 0 auto 20px;
}

.envisioned-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #333;
}

.envisioned-by .subtitle {
  font-size: 12px;
  color: #555;
  margin: 0;
}

.envisioned-by .title {
  font-size: 16px;
  font-weight: bold;
  margin: 4px 0;
  color: #000;
}

.envisioned-by .designation {
  font-size: 13px;
  color: #444;
  margin: 0;
}

/* Optional: Make it responsive */
@media (max-width: 480px) {
  .envisioned-box {
    padding: 15px;
  }
  .envisioned-img {
    width: 150px;
  }
  .envisioned-text {
    font-size: 13px;
  }
  .footer {
    display: none !important; /* Hides the element entirely */
   }
}


@media (max-width: 768px) {
    /* 1. Update Parent Container (.main-menu) */
    .main-menu {
        /* This ensures the content is vertically centered within the full 100vh height */
        justify-content: center; 
        align-items: center; /* Ensures horizontal centering too */
        /* You must keep the full height for vertical centering to work */
        min-height: 100vh; 
        /* Reset gap just in case */
        gap: 0; 
    }

    /* 2. Update the Envisioned Box (.envisioned-box) */
    .envisioned-box {
        /*
          REMOVE margin-top! Flexbox handles the vertical position now.
          We use auto margins on the top and bottom to push content away
          from the box if needed, but the center is controlled by the parent.
        */
        margin-top: 0; /* Important: Remove the fixed margin-top */
        margin-bottom: 20px; 
        
        position: relative;
        z-index: 2;
    }

    /* 3. Keep Social Icons Near the Box (Ensure proper stacking) */
    .menu-social-icons {
        justify-content: center;
        align-items: center;
        gap: 18px;
        /* Use a slight top margin to separate it from the envisioned-box */
        margin-top: 15px; 
        margin-bottom: 10px; 
        margin-left: 0; 
    }
    
    /* 4. Ensure Copyright Text Flows (If you want it close to the icons) */
    .mobile-extra-text {
        position: static; /* Prevents jumping to the absolute bottom */
        width: auto;
        margin: 5px auto 20px auto; /* Small margin, centered */
    }

     .footer {
        display: none !important; /* Hides the element entirely */
    }

}