@font-face {
  font-family: 'Cyient Headline W';
  src: url('../fonts/Cyient_Headline_W.eot');
  src: url('../fonts/Cyient_Headline_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cyient_Headline_W.woff') format('woff'),
    url('../fonts/Cyient_Headline_W.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EffraRegular';
  src: url('../fonts/Effra_Std_Rg.eot');
  src: url('../fonts/Effra_Std_Rg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Effra_Std_Rg.woff') format('woff'),
    url('../fonts/Effra_Std_Rg.ttf') format('truetype'),
    url('../fonts/Effra_Std_Rg.svg#EffraRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EffraBold';
  src: url('../fonts/Effra_Std_Bd.eot');
  src: url('../fonts/Effra_Std_Bd.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Effra_Std_Bd.woff') format('woff'),
    url('../fonts/Effra_Std_Bd.ttf') format('truetype'),
    url('../fonts/Effra_Std_Bd.svg#EffraRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CyientMedium';
  src: url('../fonts/Cyient_Md.eot');
  src: url('../fonts/Cyient_Md.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cyient_Md.woff') format('woff'),
    url('../fonts/Cyient_Md.ttf') format('truetype'),
    url('../fonts/Cyient_Md.svg#CyientMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'EffraRegular';
  font-size: 14px;
  padding-top: 56px; /* Adjust based on your navbar height */
}

form label {
  font-size: 16px;
}
p {
  font-size: 16px;
  font-family: EffraRegular;
}
h1 {
  font-family: 'Cyient Headline W';
  color: #000 !important;
  text-shadow: 1px 1px 2px #000000;
  font-size: 50px;
}
h2 {
  font-family: 'CyientMedium', sans-serif;
}
h3 {
  font-family: 'EffraBold', Arial;
  font-size: 26px;
  line-height: 100%;
}
h4 {
  font-family: 'EffraRegular', sans-serif;
  font-size: 22px;
}

h5 {
  font-family: 'EffraRegular';
  color: black;
  font-size: 16px;
}

.huge {
  font-size: 40px;
}

.panel-green {
  border-color: #5cb85c;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;

  color: #fff;

  background-color: #5cb85c;
}

.panel-green > a {
  color: #5cb85c;
}

.panel-green > a:hover {
  color: #3d8b3d;
}

.panel-red {
  border-color: #d9534f;
}

.panel-red > .panel-heading {
  border-color: #d9534f;

  color: #fff;

  background-color: #d9534f;
}

.panel-red > a {
  color: #d9534f;
}

.panel-red > a:hover {
  color: #b52b27;
}

.panel-yellow {
  border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
  border-color: #f0ad4e;

  color: #fff;

  background-color: #f0ad4e;
}

.panel-yellow > a {
  color: #f0ad4e;
}

.panel-yellow > a:hover {
  color: #df8a13;
}
.navbar {
  font-family: 'EffraRegular', sans-serif;
  margin-bottom: 0;
  background-color: #188398;
  border: 0;
  font-size: 15px !important;
}
.navbar-brand {
  font-family: 'Cyient Headline W';
  color: #fff !important;
  font-size: 40px;
}
.navbar li a,
.navbar {
  color: #d5d5d5 !important;
}
.navbar-nav li a:hover {
  color: #fff !important;
}
.navbar-nav li.active a {
  color: #fff !important;
  background-color: #29292c !important;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.open .dropdown-toggle {
  color: #fff;
  background-color: #29292c !important;
}
.dropdown-menu li a {
  color: #000 !important;
}
.dropdown-menu li a:hover {
  background-color: #007bff !important;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #188398;
  color: fff;
  padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
    height: auto;
  }
}