@font-face {
    font-family: 'montserrat';
    src: url('../../font/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('../../font/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*:root{
    --primary-color: #36cd6f;
    --primary-gradient: linear-gradient(90deg, #74eca5 20%, #48d77e 50%, #38cf71 100%);
}

*{
    font-family: montserrat ;
}

@keyframes rotateWords3 {
  0%, 35%   { transform: translateY(0%); }
  45%, 80%  { transform: translateY(-100%); }
  90%, 100% { transform: translateY(-200%); }
}

/*Fonts*/

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

.font-500{
    font-family: montserrat-medium !important;
}

/*Background*/

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

.gradient-bg{
    background: #48D77E;
}

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

[x-cloak]{display:none!important}

.reveal { opacity:0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity:1; transform: translateY(0); }

.cta:hover .cta-icon { transform: translateX(2px); transition: transform .2s ease; }