:root {
  --primary: #932e51;
  --accent: #095cf0;
  --color-btn: #4384f4;
  --color-btn-hover: #0048c6;
  --color-dark: #2a2a2a;
  --color-body: #212529;
}

body {
  color: var(--color-body);
}

.logo h4 span {
  color: var(--primary);
}

.main-red-button a {
  background-color: var(--primary);
}

.header-area .main-nav .nav li a {
  color: var(--color-dark);
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: var(--primary) !important;
}

.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active {
  color: var(--primary) !important;
}

.header-area .main-nav .nav li:last-child a:hover, .background-header .main-nav .nav li:last-child a:hover {
  background-color: var(--accent);
}

.header-area .main-nav .logo h4 {
  color: var(--accent);
}


h2 em {
  color: var(--accent) !important;
}

h2 span {
  color: var(--primary) !important;
}

h6 {
  color: var(--primary) !important;
}

.our-services .progress-skill-bar span {
  color: var(--accent);
}


.our-services .progress-skill-bar .filled-bar {
  background: rgb(255, 77, 30);
  background: linear-gradient(105deg, var(--primary) 0%, var(--accent) 100%);
}

.our-services .first-bar .filled-bar {
  width: 92%;
}

.our-services .second-bar .filled-bar {
  width: 87%;
}

.our-services .third-bar .filled-bar {
  width: 95%;
}


.pricing .pricing-item ul li::before {
  color: var(--color-btn);
}

.pricing .pricing-item .price {
  color: var(--primary);
}

.pricing .pricing-item .main-blue-button a {
  background-color: var(--color-btn);
}

.pricing .pricing-item .main-blue-button a:hover {
  background-color: var(--color-btn-hover);
}


form#contact button {
  background-color: var(--accent);
}

form#contact button:hover {
  background-color: var(--primary);
}

.phone-info h4 span i {
  color: var(--primary);
}