.template-btn {
    border: 0px
}

.template-btn:hover {
    scale: 1.05;
}

.fa-whatsapp {
    margin: 0 5px 0 0 !important
}

.bg-success:hover {
    color: #FFFFFF;
    background-color: rgb(0, 170, 82) !important;
    border: 0;
    box-shadow: 0 0 30px 0px rgba(48, 168, 106, 0.719);
}

.btn-complementary:hover {
    box-shadow: 0 0 30px 0px rgba(255, 134, 44, 0.719) !important;
}

.btn-quote {
    background-color: #fe813d;
    border: 0;
    box-shadow: none;
}

.btn-quote:hover {
    color: #FFFFFF;
    background-color: #fd6c2d;
    border: 0;
    box-shadow: 0 0 30px 0px rgba(255, 189, 60, .719);
}

.success-bg {
    background-color: transparent;
    color: var(--color-white) !important;
    border-color: var(--color-white) !important;
    box-shadow: none;
}

.success-bg:hover {
    color: #FFFFFF;
    background-color: rgb(0, 170, 82) !important;
    border: 1px solid rgb(0, 170, 82) !important;
    box-shadow: 0 0 30px 0px rgba(48, 168, 106, 0.719);
}

.btn-blue:hover {
    color: #FFFFFF;
    background-color: rgb(0,112,234) !important;
    border: 0 !important;
    box-shadow: 0 0 30px 0px rgba(0,112,234, 0.719);
}

.card-tes {
    width: 200px;
    height: 200px;

    background-color: #121d2d;

    border-radius: 10px;

    transition: 0.4s all ease-out;

    display: flex;
    justify-content: center;
    align-items: center;
}

.card-image-tes {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center center;
    
    border-radius: 10px;
    opacity: 0.3;
}

.card-tes:hover {
    transform: scale(0.9);
}

.card-tes:hover .card-image-tes {
    opacity: 0.2;
}

.card-tes .texto {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
    padding: 10px;

    position: absolute;
    
    transition: 0.4s all ease-out;
}

.card-tes:hover .texto {
    font-size: 13px;
    line-height: 1.5;
    cursor: default;
}

@media (min-width: 320px) and (max-width: 1024px) {
    #index-form {
        width: 100%;
        margin: auto;
    }
}

.pricing-table:hover {
    cursor: default;
}

.white-bg:hover {
    background-color: var(--color-white) !important;
    color: #000000 !important;
    box-shadow: 0 0 30px 0px rgba(255, 255, 255, 0.719);
}