.main-banner {
  padding: 200px 0px 200px 0px;
}
.welcome-box p {
  margin: 0 auto 8px;
}
html, body{
  min-height: 100%;
}
body{
  position: relative;
}
.container-box {
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0,0,0,0.5);
}
.overlay-box {
   background-color:#fff;
   width:351px;
   margin: auto;
}
.overlay-box form {
  width:351px;
}
.welcome-box h1  {
  background-color: #f4a261 !important;
  font-size: 28px !important;
  height: auto !important;
  line-height: 62px !important;
  text-transform: uppercase;
}
.welcome-box p em {
  background-color: #f4a261;
}
.hestia-description {
  margin-bottom: 30px;
  margin-top: 30px;
}
.hestia-description p {
  margin: 0;
  padding: 10px 0;
}
.welcome-box p {
  font-weight: 500;
}
.home-section-heading h2 em {
  color: #f4a261;
}
.frequently-asked a.active {
  color: #f4a261;
}
.logo {
  height: 268px;
}
.hidden-content {1496
  transition: max-height 0.2s ease-out;
}
a.main-button {
  background-color: #f4a261;
}
.contact-button {
  background-color: #1e1e1e;
  color: #fff;
  display: block;
  height: 50px;
  padding: 0px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  border-radius: .25rem;
}
.contact-button:hover {
  color: #fff;
}
.frequently-asked .accordion li {
  background: white;
}
.subscribe-content {
  background-color: #f4a261;
}
.frequently-asked a.active, .frequently-asked .accordion a:hover, .frequently-asked a:hover::after {
  color: #f4a261 !important;
}
.get-to-know-what-we-do .service-item {
  border-left: 5px solid #f4a261;
}
@media (max-width: 575.98px) {
  .main-banner {
    padding: 100px 0px 100px 0px;
  }
  .main-banner .decoration {
    padding: 0 0 35px 0;
    position: relative;
    top: 0;
    transform: none;
  }
  h2 {1496
    text-align: center;
  }
}
footer .useful-links ul li a {
  font-size: 16px;
}
.footer-item p {
  font-size: 16px;
}