.elementor-403 .elementor-element.elementor-element-94e1566{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-0388e7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-37526ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-333022d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-ac36cee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-bf4b166{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-403 .elementor-element.elementor-element-8d881e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7040716 */.intelligence-card {
    position: relative;
    width: 100%;
    min-height: 620px;
    padding: 60px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 24px;
    box-sizing: border-box;

    background-image: url("https://www.resound.com/-/media/1339905789204780a06fa8da765e67a6.ashx");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    font-family: Arial, sans-serif;
}

.intelligence-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.62) 45%,
        rgba(0, 0, 0, 0.12) 100%
    );
}

.intelligence-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
    color: #ffffff !important;
}

.intelligence-content h2 {
    margin: 0 0 25px;
    color: #ffffff !important;
    font-size: clamp(32px, 4vw, 58px);
    line-height: 1.08;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.intelligence-content h3,
.intelligence-content h4 {
    color: #ffffff !important;
}

.intelligence-description {
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.7;
}

.intelligence-description p {
    margin: 0 0 16px;
    color: #ffffff !important;
}

.intelligence-button {
    position: absolute;
    z-index: 3;
    right: 35px;
    bottom: 35px;

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 14px 20px;
    color: #111111;
    background: #ffffff;
    border-radius: 50px;

    font-size: 15px;
    font-weight: 600;
    cursor: pointer;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.intelligence-button:hover {
    transform: translateY(-3px);
    background-color: #f2f2f2;
}

.intelligence-button .arrow {
    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    color: #ffffff;
    background: #111111;
    border-radius: 50%;
    font-size: 20px;
}

@media (max-width: 768px) {
    .intelligence-card {
        min-height: 680px;
        padding: 35px 25px 105px;
        align-items: flex-end;
        border-radius: 18px;
        background-position: 58% center;
    }

    .intelligence-overlay {
        background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.94) 0%,
            rgba(0, 0, 0, 0.70) 60%,
            rgba(0, 0, 0, 0.18) 100%
        );
    }

    .intelligence-content h2 {
        margin-bottom: 20px;
        color: #ffffff !important;
        font-size: 34px;
        line-height: 1.15;
    }

    .intelligence-description {
        color: #ffffff !important;
        font-size: 15px;
        line-height: 1.55;
    }

    .intelligence-description p {
        color: #ffffff !important;
        margin-bottom: 14px;
    }

    .intelligence-button {
        left: 25px;
        right: auto;
        bottom: 30px;
    }
}

@media (max-width: 480px) {
    .intelligence-card {
        min-height: 720px;
        padding: 30px 20px 100px;
    }

    .intelligence-content h2 {
        color: #ffffff !important;
        font-size: 29px;
    }

    .intelligence-description {
        font-size: 14px;
    }

    .intelligence-button {
        left: 20px;
        bottom: 25px;
        padding: 12px 17px;
    }
}/* End custom CSS */