/*------------------------------------------------------ Global Overrides ----------------------------------------------------- */
.PageContentContainer {
  padding-top: 100px;
}
.StickyHeader {
  height: 76px;
  transition: height 0.3s;
  background: #ffffff;
}
.FooterSection {
  background: rgb(37, 58, 75);
  background: linear-gradient(90deg, rgba(37, 58, 75, 1) 30%, rgba(80, 125, 160, 1) 70%);
}
.FooterTile h4 {
  color: #d38726;
  font-size: 14px;
}
.FooterContainer a {
  color: #ffffff;
  font-size: 14px;
}
/*------------------------------------------------------ Portfolio Menu ----------------------------------------------------- */
.PortfolioMenuOuterContainer {
  width: 100%;
  overflow-y: scroll;
  background-color: #f2f7fb;
  border-bottom: 1px solid #e2e2e2;
}
.PortfolioMenuInnerContainer {}
.PortfolioMenu {
  display: inline-flex;
  margin: 0px;
}
.PortfolioMenuTab {
  list-style: none;
  padding: 15px 30px;
  font-size: 14px;
  white-space: nowrap;
}
.PortfolioMenuTab:hover {
  color: #d38726;
  cursor: pointer;
}
.PortfolioMenuTab:first-child {
  padding-left: 0px;
}
.PortfolioMenuTab.Active {
  position: relative;
}
.PortfolioMenuTab.Active::before {
  content: '';
  position: absolute;
  width: calc(100% - 60px);
  height: 5px;
  bottom: 0px;
  left: 30px;
  background-color: #d38726;
}
.PortfolioMenuTab:first-child.Active::before {
  content: '';
  position: absolute;
  width: calc(100% - 30px);
  height: 5px;
  bottom: 0px;
  left: 0px;
  background-color: #d38726;
}
.ServicesSection {
  background-color: #f2f7fb;
}
/*------------------------------------------------------ Portfolio Tiles ----------------------------------------------------- */
.PortfolioTilesContainer {}
.PortfolioTile {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 50px;
}
.PortfolioTileContent {
  flex: 1;
}
.PortfolioTileContent a {
  margin-right: 50px;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: left 0px center;
  background-size: 16px auto;
  position: relative;
}
.PortfolioTileContent a::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 7px;
  position: absolute;
  width: 7px;
  top: 50%;
  margin-top: -4px;
  right: 0px;
  transform: rotate(45deg);
}
.PortfolioTileThumb {
  width: 500px;
  margin-left: 50px;
}
.PortfolioTileThumb img {
  width: 100%;
  border-radius: 10px;
}
.PreviousPortfolioLink {
  margin-right: 50px;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: left 0px center;
  background-size: 16px auto;
  position: relative;
}
.PreviousPortfolioLink::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 7px;
  position: absolute;
  width: 7px;
  top: 50%;
  margin-top: -4px;
  right: 0px;
  transform: rotate(45deg);
}
.CategoryTilesContainer {
  margin: 0;
  padding: 0;
}
.CategoryTile {
  display: inline-block;
  list-style: non;
  font-size: 12px;
  padding-right: 20px;
}