@font-face {
    font-family: 'Neuropol';
    src: url('../fonts/Neuropol.eot');
    src: url('../fonts/Neuropol.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Neuropol.woff2') format('woff2'),
        url('../fonts/Neuropol.woff') format('woff'),
        url('../fonts/Neuropol.ttf') format('truetype'),
        url('../fonts/Neuropol.svg#Neuropol') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	background-color: #232323;
}

h1, h2, h3, h4, h5 {
	font-family: 'Neuropol';
	color: rgb(217,54,59);
	text-align: center;
}

.text-muted {
    color: rgb(69,34,35) !important;
}

.company-name {
    font-family: 'Neuropol';
    color: rgb(69,34,35);
}

.company-name .first-letter {
    color: rgb(217,54,59);
}

.accordion-button {
    color: rgb(217,54,59) !important;
    border: 1px solid rgb(69,34,35);
}

.accordion-button:not(.collapsed) {
    background-color: rgb(69,34,35);
}

.point-list {
    list-style: none;
}

.points::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

a {
  color: rgb(217,54,59);
}

a:hover {
  color: rgb(200,44,49);
}

li.nav-item.active a {
  color: black !important;
}

.nav-item {
  margin-left: 20px;
}

.nav-link {
  position: relative;
  text-decoration: none;
}

.nav-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

.nav-link:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

.active > .nav-link::before {
  visibility: visible;
  transform: scaleX(1);
}

.carousel-caption h1 {
  
}

.lead {
  color:lightgrey;
  text-align: justify;
}

.footer-basic {
  padding:40px 0;
  background-color:#ffffff;
  color:#4b4c4d;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}

.accordion-button::after {
  color: rgb(217,54,59) !important;
}