/* Start custom CSS */.fx-blur {
    backdrop-filter: blur(3px) contrast(100%);
    -webkit-backdrop-filter: blur(5px) contrast(100%);
}

.btn-primary .elementor-button,
.btn-primary .elementor-button:hover{
      background: rgb(155,134,85);
background: linear-gradient(-90deg, #e5a032 10%, #D7802F);
    border-radius: 8px;
    box-shadow: 0 -1px 0 #00000, 0 8px 15px #DDB97511, 0 4px 12px #ddb975ae;
    cursor: pointer;
}

.btn-primary .elementor-button:hover {
    box-shadow: 0 -1px 0 #ffffffa8, 0 15px 40px #ddb97585, 0 10px 30px #ddb9755e, 0 0 0 8px #f4ce7229  ;
}

.text-accent {
    color: var(--im-color-secondary-lighter);
    background-image: linear-gradient(90deg, #fec255 , #ffe0a7, #fec255);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.riscado {
    text-decoration-line: line-through;
    text-decoration-color: red;
}

.white-hg {
    color: #0E1369;
    font-weight: 600;
}

.branco-hg {
    color: #FFFFFF;
}

.fade-bottom {
    position: relative;
    display: inline-block; /* Ou block, dependendo do seu layout */
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
}/* End custom CSS */