/* Icon fixes for the template */

@font-face {
  font-family: 'Flaticon';
  src: url('/fonts/Flaticon.eot');
  src: url('/fonts/Flaticon.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Flaticon.woff2') format('woff2'),
       url('/fonts/Flaticon.woff') format('woff'),
       url('/fonts/Flaticon.ttf') format('truetype'),
       url('/fonts/Flaticon.svg#Flaticon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Flaticon styles */
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-next:before {
  content: "\2192";
  /* content: "\f100"; */
}

.flaticon-back:before {
  content: "\f101";
}

.flaticon-arrow:before {
  content: "\f102";
}

.flaticon-plus:before {
  content: "\f103";
}

.icon-arrow:before {
  content: "\e910";
  font-family: 'icomoon';
}

/* Fix for the "More Projects" button */
.more-project-button .btn-two {
  position: relative;
  display: inline-block;
  background: transparent;
  border: 1px solid #dddddd;
  color: #222222;
  font-size: 16px;
  line-height: 55px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
  padding: 0 30px 0;
  transition: all 500ms ease;
  cursor: pointer;
  border-radius: 0px;
}

.more-project-button .btn-two span:before {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  color: #e9212e;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.more-project-button .btn-two:hover {
  color: #ffffff;
  background: #e9212e;
  border-color: #e9212e;
}

.more-project-button .btn-two:hover span:before {
  color: #ffffff;
  padding-left: 15px;
}

/* Fix for the "View All Projects" link */
.view-all-project-button p a span.icon-arrow:before {
  position: relative;
  top: 2px;
  display: inline-block;
  padding-left: 5px;
  font-size: 16px;
  line-height: 10px;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}

.view-all-project-button p a:hover span.icon-arrow:before {
  padding-left: 10px;
}