:root{
  --primary:#1b040e;
  --secondary:#cd628e;
}

.primary-bg{
  background-color: var(--primary);
}

.primary-color{
  color:var(--primary)
}

.secondary-bg{
  background-color: var(--secondary);
}

.secondary-color{
  color:var(--secondary)
}

.bg-primary {
  background-color: var(--primary) !important;
}

.navbar-brand{
  height: 55px;
}

.navbar-brand {
  height: 100px;
  display: block;
  width: 12%;
}

.logo{
  width: 100%;
  position: absolute;
  top: 0;
  left: 55%;
}

.shadow-sm .navbar-brand {
  height: 100px;
  display: block;
  width: 20%;
}

.shadow-sm .logo {
  width:30%;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: var(--secondary);
}

.btn-primary::before {
  top: -10px;
  height: calc(100% + 20px);
  border-left: 2px solid var(--primary);
  border-right: 2px solid var(--primary);
}

.btn-primary::after {
  left: -10px;
  width: calc(100% + 20px);
  border-top: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}

.btn-primary {
  color: #000;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.navbar .btn-primary:hover {
  background: var(--secondary);
}

.text-primary {
  color: var(--secondary) !important;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
  position: relative;
  margin-left: 2px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-dark);
  background: var(--secondary);
  font-size: 22px;
  transition: .5s;
}

.btn-dark {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.testimonial-carousel .owl-item.center .bg-light {
  background: var(--secondary) !important;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  margin: 0 5px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--bs-dark);
  background: var(--secondary);
  transition: .5s;
}

a, a:hover {
  color: var(--secondary);
  text-decoration: none;
}

.btn-primary:hover {
  color: #000;
  background-color: var(--secondary);
  border-color: var(--primary);
}

.service .service-item .btn-primary:hover {
  background: var(--secondary);
}

.footer .btn.btn-link:hover {
  color: var(--secondary);
  letter-spacing: 1px;
  box-shadow: none;
}

@media(max-width:768px){
  .shadow-sm .logo {
      width: 82%;
      top: 16px;
    }
}

.honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
    display: none !important;
}