html[data-theme-color="skin-1"]{

    --primary: #6EFF6E;
    --text-primary: #6EFF6E;
    --secondary: #000000;
    --bodybg: #010101;
    --bodytext: #ffffff85;
    --textlight: #171717b3;
    --card: #171717;
    --dark: #0C0C0B;
    --bgcolor: #fff;
    --light: #d7ffd7;
    --bglight: #d7ffd7;
    --button-text: var(--secondary);
    --border-color: #ECECDE;
    /* --border-color: #2F3032; */
    --primary-gradient: 0deg, rgba(171,255,132,1) 0%, rgba(10,228,72,1) 100%;
    --primary2-gradient: 180deg, #6EFF6E 1.92%, #BAFFAE 53.04%, #8CFA79 100%;

    /* FONT FAMILY */
    --font-base: "Space Grotesk", "sans-serif";
    --font-title: "Juana";
    --font-heading: var(--font-base);
    --font-heading-transform: unset;
    --font-heading-weight: 700;

    --banner-gradient: 180deg, rgba(110,255,110,1) 2%, rgba(157,255,140,1) 68%, rgba(140,250,121,0) 100%;
    --btn-gradient: 270deg, #ABFF84 0%, #0AE448 100%;

    --bg1-gradient: 180deg, #203400 0%, #1B2012 100%;
    --bg2-gradient: 180deg, #2f3426 0%, #11120e 100%;
    --bg4-gradient: 180deg, rgba(169, 222, 89, 0.5) 0%, rgba(169, 222, 89, 0) 87%;
    --bg7-gradient: 90deg, #8CC633 0%, #A9DE59 100%;

    --bg1 : #343C27;

    .service-card-box {
        background-color: var(--card);
    }
    .service-card-box .service-title{
        color: #ffffff;
    }
    
}