.roboto-400 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-600 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-700 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
[data-animate] {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.animate__animated {
    opacity: 1 !important;
}
.card {
    transition: transform 0.2s ease-in;
}
.card:hover {
    transform: translateY(-10px);
}
.fs-7 {
    font-size: 0.7rem;
}
.btn-primary,
.btn-primary:hover {
    background-color: #35637c;
    color: #ffffff;
    border-color: #274f64;
}
.bg-pro {
    background-color: rgba(63, 68, 61, 0.5);
}
.bg-mint {
    background-color: #e3ffcc;
}
.w-fit {
    width: fit-content;
}
.border-pro {
    border-color: #e3ffcc;
}
.bg-power {
    background-color: #142f32;
}
.text-teal {
    color: #142f32;
}
.text-mint {
    color: #e3ffcc;
}
.border-mint {
    border-color: rgba(227, 255, 204, 0.2);
}
.footer-section {
    background-color: #282930;
}