#jobs{
	padding: 2rem 0rem;
  }
  #job{
	padding: 0rem 0rem 2rem 0rem;
  }
  .nav-down {
	  padding: 12px 0;
  }
  .accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 4rem 20rem;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	
  }
  .accordion .ion-arrow-down-b{
	text-align: right;
	float: right;
	margin: -4rem 0rem 0rem 0rem;
  }
  /* #job h3, #job i{
	margin: 0rem 6rem;
  } */
  .accordion:hover {
	background-color: #fff; 
  }
  
  .panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
  }
  
  /* form css */
  .form-style-5{
	  max-width: 500px;
	  padding: 10px 20px;
	  background: #f4f7f8;
	  margin: 10px auto;
	  padding: 20px;
	  background: #f4f7f8;
	  border-radius: 8px;
	  font-family: Georgia, "Times New Roman", Times, serif;
  }
  .form-style-5 fieldset{
	  border: none;
  }
  .form-style-5 legend {
	  font-size: 1.4em;
	  margin-bottom: 10px;
  }
  .form-style-5 label {
	  display: block;
	  margin-bottom: 8px;
  }
  .form-style-5 input[type="text"],
  .form-style-5 input[type="date"],
  .form-style-5 input[type="datetime"],
  .form-style-5 input[type="email"],
  .form-style-5 input[type="number"],
  .form-style-5 input[type="search"],
  .form-style-5 input[type="time"],
  .form-style-5 input[type="url"],
  .form-style-5 textarea,
  .form-style-5 select {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  background: rgba(255,255,255,.1);
	  border: none;
	  border-radius: 4px;
	  font-size: 15px;
	  margin: 0;
	  outline: 0;
	  padding: 10px;
	  width: 100%;
	  box-sizing: border-box; 
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box; 
	  background-color: #e8eeef;
	  color:#8a97a0;
	  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	  margin-bottom: 30px;
  }
  .form-style-5 input[type="text"]:focus,
  .form-style-5 input[type="date"]:focus,
  .form-style-5 input[type="datetime"]:focus,
  .form-style-5 input[type="email"]:focus,
  .form-style-5 input[type="number"]:focus,
  .form-style-5 input[type="search"]:focus,
  .form-style-5 input[type="time"]:focus,
  .form-style-5 input[type="url"]:focus,
  .form-style-5 textarea:focus,
  .form-style-5 select:focus{
	  background: #d2d9dd;
  }
  .form-style-5 select{
	  -webkit-appearance: menulist-button;
	  height:35px;
  }
  .form-style-5 .number {
	  background: #f98a1e;
	  color: #fff;
	  height: 30px;
	  width: 30px;
	  display: inline-block;
	  font-size: 0.8em;
	  margin-right: 4px;
	  line-height: 30px;
	  text-align: center;
	  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	  border-radius: 15px 15px 15px 0px;
  }
  
  .form-style-5 input[type="submit"],
  .form-style-5 input[type="button"]
  {
	  position: relative;
	  display: block;
	  padding: 19px 39px 18px 39px;
	  color: #FFF;
	  margin: 0 auto;
	  background: #f98a1e;
	  font-size: 18px;
	  text-align: center;
	  font-style: normal;
	  width: 100%;
	  
	  border-width: 1px 1px 3px;
	  margin-bottom: 10px;
  }
  .form-style-5 input[type="submit"]:hover,
  .form-style-5 input[type="button"]:hover
  {
	  background: #333;
  }
  
  @media only screen and (max-width: 768px) {
	/* For mobile phones: */
	[class*="col-"] {
	  width: 100%;
	}
	#jobs .btn {
	  margin-left: -25rem;
	}
  }
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
	[class*="col-"] {
	  width: 100%;
	}
	#jobs .btn {
	  margin-left: -25rem;
	}
  }
  
  .packages img:hover {
	  transform: scale(1);
  }
  .packages form {
	  text-align: center;
	  margin-top: 20px;
  }
  button.pkg {
	  background: #f98a1e;
	  color: #111;
	  padding: 10px 30px;
	  border-radius: 30px;
	  transition: .3s all ease-in-out;
	  border: 1px solid #f98a1e;
	  margin-top: 20px;
  }
  button.pkg:hover {
	  color: #000;
	  background: transparent;
  }
  
  section#who-we-are:before {
    opacity: 0.6;
}

.gt {
	/* Gradient with wider range for smooth animation */
	background: linear-gradient(
		90deg,
		#171D1C, 
		#624E22, 
		#906C26,
		#624E22, 
		#171D1C  /* Same as starting color */
	  );
	  
	  /* Extra width for smooth transition */
	  background-size: 400% 100%; 
	  font-weight: 700;
	  
	  /* Text clipping */
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  
	  /* Optimized animation */
	  animation: seamless-flow 5s ease-in-out infinite;
  }
  @keyframes seamless-flow {
	0% {
	  background-position: 0% 50%; 
	}
	50% {
	  background-position: 100% 50%; /* Matches gradient's end */
	}
	100% {
	  background-position: 0% 50%; /* Matches gradient's end */
	}
  }