/**************************/
/****** Organize Page *****/
/**************************/
#organizeHero{
    height:600px;
}
#organizeHero.page-header{
    background: url('../../medias/frontend/webp/header-organisateurs.webp') center/cover no-repeat;
}
#organizeHero h1{
}

@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:992px){
}
@media only screen and (max-width:768px){
    #organizeHero{
        height:350px;
    }
    #organizeHero h1{
        padding-right:0px;
    }
    #organizeHero.page-header {
        padding-top: 175px;
    }
    #organizeHero.page-header {
        padding-top: 200px;
        background: url('../../medias/frontend/webp/header-organisateurs-768.webp') center/cover no-repeat;
    }
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:320px){
}
@media only screen and (max-width:480px){
    #organizeHero.page-header {
        background: url('../../medias/frontend/webp/header-organisateurs-480.webp') center/cover no-repeat;
    }
}

.organize-title{
    padding:75px 0px 0px 0px;
}
@media only screen and (max-width:768px){
    .organize-title svg{
        width:70%;
    }
}
@media only screen and (max-width:480px){
    .organize-title svg{
        width:100%;
    }
}

.organize-intro{
    padding:45px 0px 75px 0px;
    background-image:url('/public/assets/medias/frontend/webp/bg-right-1.webp');
    background-position: right center;
    background-repeat: no-repeat;
    background-size:auto 100%;
}

.organize-spaces{
    padding:75px 0px;
    background-image:url('/public/assets/medias/frontend/webp/bg-left-1.webp');
    background-position: left center;
    background-repeat: no-repeat;
    background-size:auto 100%;
}

.organize-unique{
    padding:75px 0px;
    background-image:url('/public/assets/medias/frontend/webp/bg-right-1.webp');
    background-position: right center;
    background-repeat: no-repeat;
    background-size:auto 100%;
}

.organize-capacity{
    padding:75px 0px;
    background-image:url('/public/assets/medias/frontend/webp/bg-left-1.webp');
    background-position: left center;
    background-repeat: no-repeat;
    background-size:auto 100%;
}

.organize-map{
    padding:75px 0px;
}

@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:992px){
}
@media only screen and (max-width:768px){
    .organize-intro{
        background-size:50%;
        background-position:right bottom;
    }
    .organize-spaces{
        background-size:60%;
        padding-bottom:0px;
    }
    .organize-unique{
        background-size:60%;
        background-position:right bottom;
    }
    .organize-capacity{
        background-size:60%;
        background-position:left top;
    }
    .organize-map{
        padding-bottom:0px;
    }
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:480px){
}
@media only screen and (max-width:320px){
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }

.section-title {
    color: var(--purple-secondary);
    position: relative;
}
.highlight-text {
    border-left: 4px solid #9c59d1;
    padding-left: 15px;
    font-style: italic;
    margin: 25px 0;
}
.feature-list {
    padding-left: 0;
    list-style: none;
}
.feature-list li {
    padding: 4px 0 6px 28px;
    position: relative;
}
main .feature-list li::before {
    content: "•"!important;
    color: #9c59d1;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 3px!important;
    background:transparent!important;
}