@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.ttf');
}
.hero-area .section-title {
  font-size: 90px;
}
.hero-area .title-wrapper .shape-1 {
  top: -45px;
  left: -55px;
  width: 60px;
}
.hero-area-bg .bg-overlay {
  opacity: 0.1;
}
h1.section-title, h2.section-title{
	font-family:"ivypresto-display", serif;
	font-weight: 400;
	font-style: normal;
}
.hero2-area .section-content{
	padding-top: 50px;
}
.hero-area {
  padding-top: 300px;
}
.community-area, .process-area{
	background-color: #454744;
}
.community-area h2{
	color: #454744;
	font-size: 48px;
}
.community-area p{
	font-family: 'Gilroy';
}
.community-area .section-content .text {
  font-size: 22px;
  color: #454744;
}
.roles-area .role-item .title {
  font-family:"ivypresto-display", serif;
}
.roles-area .role-item .positions {
  font-family: 'Gilroy';
}
.hero2-area .section-content .section-subtitle.has-right-line {
  font-family: 'Gilroy';
  font-size: 22px;
}
.hero2-area .section-content .text {
  font-family: 'Gilroy';
}
p {
  font-family: 'Gilroy';
}
.process-box .title {
  font-family:"ivypresto-display", serif;
}
.hero-area .section-title {
  text-transform: initial;
}
.community-area .section-content .text {
  font-size: 22px;
  color: #fff;
}
.community-area .section-title {
    color: #fff;
}
.roles-area .role-item {
  grid-template-columns: 100px .5fr 1fr auto;
}
.process-area .section-title {
  color: #fff;
}
.process-area .section-header p{
  color: #fff;
}
.process-box .title {
  font-family: "ivypresto-display", serif;
  color: #fff;
}
.process-box .text {
  color: #fff;
}
.process-box .thumb img {
  filter: invert(100%);
  display: none;
}
.community-area .section-title {
  font-size: 62px;
}
.header-area.sticky .show-light{
    display: none;
}
.header-area.sticky .show-dark{
    display: block;
}
.wc-btn-underline {
  font-family: 'Gilroy';
}
.roles-area .role-item {
  grid-template-columns: 175px .5fr 1fr auto;
}
.header-area.sticky .wc-btn-underline {
  color: #fff;
}
@media only screen and (max-width: 768px) {
    .hero-area .section-title {
        font-size: 52px;
    }
    .community-area .section-content .text {
        font-size: 18px;
    }
    .roles-area .role-item .positions {
      display: none;
    }
    .roles-area .role-item {
      grid-template-columns: 150px 1.5fr auto;
    }
    .community-area .gallery-wrapper {
      margin-right: -10px;
    }
}