.order-5 {
    order: 5
}

@media (min-width:768px) {
    .md\:order-3 {
        order: 3
    }

    .md\:order-4 {
        order: 4
    }

    .md\:order-5 {
        order: 5
    }
}

.hover\:opacity-100:hover {
    opacity: 100
}

.social-link {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s
}

.social-link {
    background-image: var(--icon-static);
}

.social-link:hover {
    background-image: var(--icon-hover);
}

.hero-form {
    min-height: 275px
}

@media (min-width:1024px) {
    .hero-form {
        min-height: 260px
    }
}