:root { 
    --primary: #03FD83;
    --primary-hover: #08E478;
    --primary-active: #ADFFBF;

    --secondary: #02C988;
    --secondary-hover: #07FEB0;

    --accent: #F04F9B;
    --accent-hover: #e75d9b;

    --required: #f44336;

    --white: #FFFFFF;

    --black: #000000;
    --black-100: #333333;
    --black-200: #232323;
    --black-300: #111111;

    /* --shadow-light: 0px 0px 8px 2px rgba(168, 176, 182, 0.1);
    --shadow-medium: 0px 0px 12px 2px rgba(147, 157, 165, 0.2);
    --shadow-strong: 0px 0px 20px 4px rgba(122, 130, 137, 0.25);

    --shadow-primary-light: 0px 0px 8px 2px rgba(159, 92, 249, 0.1);
    --shadow-primary-medium: 0px 0px 12px 2px rgba(159, 92, 249, 0.2);
    --shadow-primary-strong: 0px 0px 20px 4px rgba(159, 92, 249, 0.25); */
}

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

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

.hamenu .menu-links .main-menu .sub-menu li a:hover {
  color: var(--primary-hover) !important;
}
.main-post .info-area .tags a:hover,
.main-post .info-area .share-icon a:hover {
  background: var(--primary-hover) !important;
}
.comments-post .item-box .replay-butn a:hover {
  background: var(--primary-hover) !important;
}
.contact button:hover {
  background: var(--primary-hover) !important;
}
.price-style1 .butn.active {
  background: var(--primary-active) !important;
}
body.light .bg-light.main-colorbg {
  background: var(--primary) !important;
}
.hero-style2 .serv .content .item span.bred {
  background: var(--primary) !important;
}
.portfolio-style1 .item .img .tags a:hover {
  background: var(--primary-hover) !important;
}
.serv-style4 .item:hover {
  background: var(--primary-hover) !important;
}

.features .stack-title h2 {
  font-size: 10vw;
}

@media (min-width: 1422px) {
    .logo {
        width: 200px;
        margin-top: 10px;
    }
}