@import url("./var.css");

#head-title-section {
    background-image: url(https://wp.bgs-associes.com/wp-content/uploads/2023/12/Fond-large.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 350px;
}

.up_sub_title{
    padding-left: 2rem;
    border-left: 2px solid #344696;
}
.elementor-1835 .elementor-element.elementor-element-60817c7 > .elementor-widget-container,
.elementor-1835 .elementor-element.elementor-element-d0bb023 > .elementor-widget-container {
    padding: 0px 0 0px 0px !important;
}
.elementor-1835 .elementor-element.elementor-element-63cab3f > .elementor-element-populated {
    margin: 0px 0px 0px 0 !important;
}
section.multiple_icons_txt {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
#flex-section > div{
    column-gap: 2rem;
}
.icons_divs {
    width: 20% !important;
    margin: 1rem 3rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    padding: 2rem !important;
    border: 2px solid transparent !important;
    transition: border-color 0.5s ease !important;
}

.icons_divs:first-child:hover {
    border-color: #F59022 !important;
}

.icons_divs:nth-child(2):hover {
    border-color: #712D7A !important;
}

.icons_divs:last-child:hover {
    border-color: #344696 !important;
}

.icons_divs > h4 { 
    margin: 1rem 0;
}
.icons_divs > p{
    color: black
}

.icons_divs > span{
    color: black
}

#img_class > div > img {
    height: 100% !important;
}

@media screen and (max-width:700px){
    .elementor-column {
        width: 90% !important;
        margin: 0 auto !important;
    }
    .elementor-1835 .elementor-element.elementor-element-5de8578 > .elementor-element-populated {
        margin:0 !important; 
        --e-column-margin-right: 0 !important; 
        --e-column-margin-left: 0px !important; 
    }
    #img_class > div > img {
        margin: 0 auto !important;
        display: block !important;
    }
}
@media screen and (max-width: 500px) {
    #flex-section > div {
        row-gap: 2rem;
    }
    .elementor-1835 .elementor-element.elementor-element-e3a0ec3 {
        margin-top: 50px !important;
        margin-bottom: 50px;
    }
    .icons_divs {
        width: 100% !important;
        margin: 1rem !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
        padding: 2rem !important;
    }
}