.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.clv-nav-link {
  font-size: 30px;
  font-weight: bolder;
  color: white!important;
  text-transform: uppercase;
  font-family: 'Alegreya Sans', sans-serif;
}

.clv-nav-link:hover {
  text-shadow: 0px 0px 7px #ffffff;
  font-weight: bold;
  color: #966508!important;
}

.clv-btn-color:hover {
  color: #966508;
  box-shadow: 0px 0px 3px 0px black;
  border-color: white;
}

.service-clv-img {
  width: 210px!important;
  background: url('../../assets/img/darkborder.jpg');
  object-position: center;
  object-fit: cover;
  z-index: 9;
  padding: 10px;
  box-shadow: 0px 0px 17px;
  height: 210px;
  margin-top: -90px;
}

.services-col-border {
  border-radius: 42px;
  background: linear-gradient(rgb(217,171,78), #edd487 52%, rgb(217,171,78) 100%), white;
  padding: 3px;
  box-shadow: 0px 0px 30px -2px rgb(0,0,0) inset;
}

.card-body-clv {
  width: 100%;
  margin-top: -31px;
  margin-bottom: 20px;
}

.services-heading-h1 {
  width: 100%;
  background: linear-gradient(180deg, rgb(213,166,76) 4%, rgb(251,224,172) 16%, rgb(218,176,95) 23%, rgb(217,175,93) 32%, rgb(205,150,43) 51%, rgb(235,202,136) 73%, rgb(218,177,97) 77%, rgb(251,224,172) 88%, rgb(213,167,77) 96%);
  -webkit-background-clip: text;
  color: transparent;
  z-index: 10;
  font-family: 'Kaushan Script', serif;
  font-size: 39.5px;
}

.blue-gradient-body {
  border: ridge gold 3px;
  filter: grayscale(.5);
  background: url("../../assets/img/2.png") center / cover no-repeat, linear-gradient(57deg, rgb(0,0,37), rgb(6,5,31) 0%, rgb(30,27,69) 25%, rgb(40,38,74) 32%, rgb(23,21,58) 42%, rgb(29,26,69) 57%, rgb(41,39,74) 69%, rgb(22,20,57) 77%, rgb(1,1,35) 100%);
  padding: 0px;
  width: 100%;
  border-radius: 45px;
}

.card-text {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.card-body:hover .card-text {
  opacity: 1;
}

.blue-gradient-body:hover {
  animation: 2s color forwards;
}

@keyframes color {
  0% {
    filter: grayscale(.5);
  }
  100% {
    filter: grayscale(0);
  }
}

/* Header Animation */

@keyframes slideInDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.animated-header {
  animation: slideInDown 1s ease-out;
}

/* Button Animation */

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.animated-button {
  animation: pulse 2s infinite;
}

/* Custom Styles for Enhanced UI */

.jumbotron {
  background-image: url('images/nail-salon.jpg');
  background-size: cover;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 100px 0;
}

.jumbotron h1 {
  font-size: 3.5rem;
}

.jumbotron p {
  font-size: 1.5rem;
}

.gal-cest {
  box-shadow: 0px 0px 13px 0px black;
  border-radius: 13px;
  transition: filter 0.4s ease-in-out;
  filter: grayscale(1);
  max-width: 400px;
  min-height: 400px;
  width: 100%;
}

.gal-cest:hover {
  filter: none;
}