:root {
    --xlgreen: #EAFFFD;
    --lgreen: #CCF3F2;
    --dgreen: #308986;
    --orange: #F47A5C;
    --xlarge: 32px;
    --large: 28px;
    --normal: 24px;
    --small: 16px;
}

/** NAV **/

.nav-item:hover {
    transition: all 0.2s ease-out;
}

.nav-item:hover {
    color: lightgrey;
}

.nav-contact-button {
    transition: all 0.3s ease-out;
}

.nav-contact-button:hover {
    box-shadow: none;
    background-color: var(--lgreen);
    color: var(--dgreen);
}

.nav-contact-button:active {
    box-shadow: none;
}

/** HERO **/

.hero-button {
    transition: all 0.3s ease-out;
}

.hero-button:hover {
    scale: 1.05;
}

.hero-button:active {
    scale: 1;
    box-shadow: none;
    color: var(--lgreen);
}

/** APPROACH **/

.approach-item {
    transition: all 0.3s ease-in-out;
}

.approach-item:hover {
    scale: 1.01;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 2px;
}

/** PRODUCT **/

.fadein {
    animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
    from{
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}


/** PRICING **/

.pricing-item {
    transition: all 0.3s ease-in-out; 
}

.pricing-item:hover {
    scale: 1.01;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 2px;
}

/** PARTNERS **/
/**
.partners-img-list {
    animation: scrollLogos 40s linear infinite;
}

@keyframes scrollLogos {
    from{
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
**/
/** FOOTER **/

.footer-list-item {
    transition: all 0.3s ease-out;
}

.footer-list-item:hover {
    color: white;
}