/**
 * Theme Name: EAS
 * Author: Agence SBA
 * Author URI: https://agence-sba.com
 * Text Domain: eas
 * Template: capmonetique
 * Version: 1.0.0
 */

#main-title {
    .main-title-top {
        display: block;
        width: fit-content;
        background-color: var(--wp--preset--color--contrast-1);
        color: var(--wp--preset--color--base);
        padding: 0.75rem 1rem;
        text-transform: uppercase;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5;
    }

    .main-title-left,
    .main-title-right {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: -0.96px;
    }

    .main-title-left {
        background: var(--wp--preset--color--base);
        color: var(--wp--custom--color--custom-brand-1);
        padding: 0.5rem 1.25rem;
    }

    .main-title-right {
        background: var(--wp--custom--color--custom-brand-1);
        color: var(--wp--preset--color--base);
        padding: 0.5rem 1.25rem;
    }
}

#hero-content {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        top: -20%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 500px;
        border-radius: 0 0 100% 100%;
        background: #f5f5f5;
        filter: blur(60px);
    }
}

.expertise-card {
    figure,
    figure > img {
        height: 100%;
        width: auto;
    }
}