/* Add here all your CSS customizations */
:root {--pg: #f9320b; --py: #22a4d8; }
.btn-green {background: var(--pg); color: #ffffff; border-radius: 25px !important;}
.text-white {color: #ffffff !important;}
.text-pg {color: var(--pg) !important;}
/* Custom Card Style */
.custom-card-style-1 .custom-card-img-top-wrapper .post-date {
  position: absolute;
  top: 35px;
  left: 35px;
  text-align: center;
}
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month {
  display: block;
  background: #CCC;
  border-radius: 0 0 2px 2px;
  color: #FFF;
  font-size: 0.8em;
  line-height: 1.8;
  padding: 1px 10px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day {
  background: #f7f7f7;
  border-radius: 2px 2px 0 0;
  color: #000000 !important;
  display: block;
  font-size: 18px;
  font-weight: 900;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
}

/* Custom SVG Line Animation */
@-webkit-keyframes customSVGLineAnim {
  from {
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
  }
  to {
    stroke-dasharray: 40;
    stroke-dashoffset: 0;
  }
}
@keyframes customSVGLineAnim {
  from {
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
  }
  to {
    stroke-dasharray: 40;
    stroke-dashoffset: 0;
  }
}
.customSVGLineAnim {
  -webkit-animation-name: customSVGLineAnim;
          animation-name: customSVGLineAnim;
}
.btn-py {background: var(--py) !important;}
.custom-card-style-1 .card-title a {color: #000000 !important;}

.footerAddress .card-title {font-size: 14px;}
.footerAddress .card-title a {padding: 10px !important; background: var(--pg) !important; color: #ffffff !important;}
.footerAddress .card-body {padding: 10px !important;}
.footerAddress .card:first-of-type, .accordion .card:last-of-type {border: 0px !important;}
.fa-phone {transform: rotateY(180deg)}
.owlClients .owl-carousel .owl-item {border: 1px solid #999999;}
footer p {
    color: #777777 !important;
}