/* ---------------------------- GÉNÉRAL ---------------------------- */

#index #wrapper{
    padding-top: 0px !important;
}

/* ---------------------------- SECTION 1 ---------------------------- */

#homeSection1{
    padding-block: 15vh 50px;
    overflow: hidden;
}

#homeSection1::before{
    content: "";
    position: absolute;
    bottom: -90px;
    right: 0;
    width: 560px;
    height: auto;
    aspect-ratio: 56/51;
    background-image: url("/themes/theme_sybellis/assets/img/icon-transparent.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#homeSection1 .elementor-widget-wrap{
    max-width: 60%;
}

#homeSection1 .elementor-widget-text-editor *{
    color: var(--color-white);
}

#homeSection1 .elementor-heading-title{
    font-size: 40px;
    line-height: 48px;
    color: var(--color-white);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
}

#homeSection1 .elementor-button{
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    border: none !important;
    width: fit-content !important;
    padding: 15px 40px !important;
}

@media (max-width: 1500px) {
    #homeSection1 .elementor-heading-title{
        font-size: 35px;
        line-height: 43px;
    }
}

@media (max-width: 1200px) {
    #homeSection1 .elementor-widget-wrap{
        max-width: 65%;
    }
}

@media (min-width: 993px) {
    #homeSection1 .elementor-button:hover{
        background-color: var(--color-secondary) !important;
    }
}

@media (max-width: 992px) {
    #homeSection1 .elementor-widget-wrap{
        max-width: 100%;
    }
    #homeSection1 .elementor-heading-title{
        font-size: 30px;
        line-height: 38px;
    }
    #homeSection1{
        padding-block: 25vh 40px;
        min-height: 100vh;
        display: flex;
    }
}

@media (max-width: 600px) {
    #homeSection1::before{
        bottom: -70px;
        right: -50px;
        width: 95%;
    }
}