.recent-posts .post-category{
    background-color: #008374;
    color: aliceblue;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 5px;
  }
  .services .service-item {
    padding: 15px;
  }
  .services .service-item h3 {
    border:none;
  }
  

  .services{
    background-image: url(../../../static/img/bg-abstract.jpg);box-shadow: inset 0 0 0 2000px rgb(231 231 231 / 82%);
  }
  .popover-header{
    font-size: 10px;
    max-width: 195px;
    border-radius: 5px;
    color: aliceblue;
    background-color: #008374;
  }
  .recent-posts .title {
    font-size: 18px;
  }
  .hero{
      background-image: url(../../../static/img/bg-home.png);
      box-shadow: inset 0 0 0 2000px rgb(20 25 25 / 89%);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom;
  }
  canvas{
    vertical-align: middle;
  }
  .jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .post-img img.img-fluid {
            max-width: 110%;
        }

  .btn-avg{
      position: absolute;
      bottom: 0px;
      width: 100%;
      border-radius: 0px 0px 5px 5px;
      left: 0px;
      background-color: #008374;
      color: white;
      text-transform: uppercase;
      border-color: #008374;
  }

  .btn-avg:hover{
    color: #008374;
    background-color: white;
    border-color: #008374;
  }
  .modal-header{ padding-bottom: 3px;padding-top: 3px;background-color: #00423a;color: whitesmoke;border-radius: 0px;}
  .modal-content { border-radius: 0px;border: 1px solid antiquewhite;}
  .modal-body{padding-bottom:0px;}
  .text-bold{font-weight: 600;}
  #titleSummary{font-size: medium;font-weight: 600;text-transform: uppercase;}

  .dot-sipagi{      
    color:red;position: absolute;margin-top: -38px;margin-left: -14.5px;font-size: larger;
  }

  .dot-sipagi-footer{      
    color:red !important;
    position: absolute;
    margin-top: -20px !important;
    margin-left: -10px !important;
    font-size: larger !important;
  }

  .dot-sipagi-header{      
    color:red !important;
    position: absolute;
    margin-top: -24px !important;
    margin-left: -10px !important;
    font-size: larger !important;
  }

  @media only screen and (max-width: 600px) {
    .dot-sipagi{      
      margin-top: -27px;
      margin-left: -10.9px;
    }
    .call-to-action{
       padding: 20px 10px;
    }
    .call-to-action .container{
        padding: 30px; 
    }
    .hero img{
        width:125px;
    }
    
    .hero .row{
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }
    .section-header h2 {
        font-size:20px;
    }
  }

  @media print {

    .modal-backdrop {background-color: transparent;}
    .footer {background-color: transparent; bottom:0px;}
    .footer .copyright{color:black}
    .footer .credits{color:black}
    

    thead {
      display: table-row-group;
    }
 }