:root {
  --main-btn-bg-color: #9b3032;
  --main-btn-text-color:#ffffff;
  --main-btn-border-radius:10px 10px;
  --main-btn-bg-hover-color:#b02a37;
}
.carousel-caption {
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
}
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
}
.carousel-indicators .active {
  background-color: #fff;
}
@media (max-width: 768px) {
  .carousel-item img {
    height: 300px;
  }
}

@media (max-width: 576px) {
  .carousel-item img {
    height: 200px;
  }
}
.main-btn{
  background-color: var(--main-btn-bg-color);
  color: var(--main-btn-text-color);
  border-radius: var(--main-btn-border-radius);
}
.main-btn:hover{
  color: var(--main-btn-text-color);
  background-color: var(--main-btn-bg-hover-color);
}

#services .card{
box-shadow: 5px 5px 10px #808080;
}
.service-card-title {
  background-color: #006cb1;
  color: #fff;
  font-weight: 600;
  position: relative;
  font-size: 1rem;
}
.service-card-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #006cb1;
}
#contact-us .row{
background-color: #d9d9d8;
border-radius: 50px
}

#contact-us #info{
  background-color: #006cb1;
  border-radius: 50px
}
#contact-us #info a{
  color: #fff;
}
.border-radus{
  border-radius: var( --main-btn-border-radius);
}
#footer a{
  color: #fff;
  text-decoration: none;
}

/* Digital Painting page CSS */
.dp-banner-img{
  position :relative;
}
.dp-banner-text{
  position: absolute;
  bottom: 50px;
}