#about-us {
  background-color: rgba(236, 42, 17, 0.8);
  padding: 50px 0; }
  #about-us .image {
    margin-bottom: 20px;
    text-align: center; }
    #about-us .image img {
      width: 100px;
      object-fit: cover;
      border-radius: 10px; }
  #about-us .description {
    margin-bottom: 20px; }
    #about-us .description p {
      font-size: 16px;
      color: #ffffff; }
  #about-us .button {
    margin-top: 20px; }
    #about-us .button a {
      background-color: #492273;
      color: #ffffff;
      padding: 10px 20px;
      border-radius: 10px;
      text-decoration: none;
      transition: background-color 0.3s ease-in-out; }
      #about-us .button a:hover {
        background-color: #30164c; }

#services {
  background-color: rgba(236, 42, 17, 0.1);
  padding: 50px 0; }
  #services .row div div {
    margin-bottom: 30px;
    background-color: rgba(73, 34, 115, 0.9);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center; }
    #services .row div div i {
      font-size: 48px;
      margin-bottom: 20px;
      color: #492273;
      display: block;
      text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
      font-weight: bold;
      background-color: #fff;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      border-radius: 50%;
      margin: 0 auto 15px auto;
      border: 1px solid rgba(0, 0, 0, 0.85); }
  #services h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color: #ffffff; }
  #services p {
    font-size: 16px;
    color: #ffffff; }

#portfolio {
  background-color: #f2f2f2;
  padding: 40px 20px 40px 20px;
  border: 1px solid #ccc; }
  #portfolio .row div a {
    color: #000;
    text-decoration: none; }
    #portfolio .row div a.btn {
      color: #fff; }
    #portfolio .row div a img {
      margin-bottom: 30px; }
  #portfolio .row div h3 {
    color: #5d1107; }
  #portfolio .row div p.description {
    text-align: justify; }
  #portfolio .row div p.tags {
    color: gray;
    font-size: small; }
  #portfolio .row div p.date {
    color: gray;
    font-size: small; }

a,
a.btn-link {
  text-decoration: none !important; }

.title {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  position: relative; }
  .title::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background-color: #ec2a11;
    opacity: 0.5;
    border-radius: 10px; }
  .title::after {
    content: "";
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 10px;
    background-color: #FFF;
    border: 1px solid rgba(236, 42, 17, 0.5);
    border-radius: 10px; }

/*# sourceMappingURL=style.css.map */