.ghost {
    opacity: 0.2;
}

.not-implemented {
    cursor: not-allowed;
}

.logos-section .item-inner {
    font-size: 70px;
}

.benefits-section i, .feature-list i {
    font-size: 100px;
}

@media (max-width: 575.98px) {
    .hero-section .figure-holder {
        background-position: center 620px;
    }
}

@media (max-width: 504px) {
    .hero-section .figure-holder {
        background-position: center 700px;
    }
}

@media (max-width: 476px) {
    .hero-section .figure-holder {
        background-position: center 780px;
    }
}

@media (max-width: 410px) {
    .hero-section .figure-holder {
        background-position: center 800px;
    }
}

@media (max-width: 406px) {
    .hero-section .figure-holder {
        background-position: center 860px;
    }
}

@media (max-width: 360px) {
    .hero-section .figure-holder {
        background-position: center 900px;
    }
}

@media (max-width: 350px) {
    .hero-section .figure-holder {
        background-position: center 1060px;
    }
}

@media (max-width: 270px) {
    .hero-section .figure-holder {
        background-position: center 1180px;
    }
}

@media (max-width: 250px) {
    .hero-section .figure-holder {
        background-position: center 1280px;
    }
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.montserrat-300 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.brand-name span:first-child {
    color: #004A96;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.brand-name span:last-child {
    color: #02BD64;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}