@import url("font.css");
@import url("header.css");
@import url("../nav/nav.css"); 
@import url("accordion.css");
@import url("footer.css");
@import url("grid.css");
@import url("banner.css");
@import url("index_below.css");
@import url("about-us.css");
@import url("product.css");
@import url("sidebox.css");
@import url("homepage-what-we-do.css"); 
*{
	box-sizing:border-box;
	-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
	}
:root {
  --theme-color-light: #e9c183; /* Optional: lighter shade */
  --theme-color-dark: #ae7763; /* Optional: darker shade */
	--color-white: #ffffff; /* Optional: darker shade */
	--color-black: #010101; /* Optional: darker shade */
}
.theme-gradient-font{
	display:inline-block;
  background-image: linear-gradient(to right, #ae7763, #e9c183, #ae7763);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


body {
	width: auto;
	margin: auto;
	line-height:auto;
	overflow-x:hidden;
}
/********** Div Fade in on page load *****/
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 2s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateX(5%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/********** Video Intro *****/
vid-intro{
	display:flex;
	align-items: center;
  justify-content: center;
	position:relative;
}
vid-intro video{
	display:block;
	width:100%;
	max-width:800px;
}


@media only screen and (max-width: 640px) {

	pushdown{
		display:block;
	}
}