.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
}

#content-div {
    display: flex;
    margin: 0% 5%
}



#list {
    width: 30%;
    margin-right: 2%;
    height: 800px;
    overflow: scroll;
    border-radius: 20px;
}

#filter-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

label {
    margin: 2% 2% 2% 10px;
}

#map {
    height: 800px;
    width: 70%;
    border-radius: 30px;
    z-index: 0;
}

.card {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(255, 249, 34), rgba(255, 0, 128), rgba(56, 2, 155, 0));
    border-image-slice: 1;
    background-color: whitesmoke;
    padding: 10px;
    cursor: pointer;
}

.name {
    font-weight: bold;
    font-size: 130%;
    color: rgb(255, 102, 27);
}

.name-popup {
    font-size: 180%;
    color: rgb(255, 102, 27);
    font-weight: bold;
}

.adress {
    /*  display: flex; */
}

.street,
.code,
.city {
    /*     margin-right: 5%;
 */
}

.street {
    /*     width: 40%;
 */
}

.code-city {
    /*    display: flex;
    width: 60%; */
}

.tel,
.email,
.web-site {
    display: inline-block;
    margin-right: 5%;
}

.web-site a {
    text-decoration: none;
    margin-bottom: 2%;
    color: #BA2253;
    transition: transform .4s;
}

.web-site:hover {
    transform: scale(1.1);
}

.web-site {
    margin-bottom: 5%;
}

.social-media {
    display: flex;
}

.active {
    border-radius: 20px;
    border-image: linear-gradient(0.25turn, rgb(255, 249, 34), rgb(255, 0, 128)) 1;
    border-image-width: 5px;
    padding-left: 20px;
}

.facebook img,
.instagram img,
.twitter img,
.linkedin img {
    width: 35%;
    transition: transform .4s;
}

.facebook img:hover,
.instagram img:hover,
.twitter img:hover,
.linkedin img:hover {
    transform: scale(1.35);
}

.hidden {
    display: none;
}


#filter-form {
    margin-top: 1%;
    margin-bottom: 2%;
}

.typePlaceForm {
    position: relative;
    display: inline-block;
}

#typePlaceForm {
    margin-right: 2%;
}

#typePlace,
#services {
    border-radius: 15px;
    border: var(--e-global-color-db69697) solid 2px;
}

#typePlace,
#services,
#resetDiv {
    width: 25%;
    margin-right: 3%;
}

#resetFiltersButton {
    width: 40%;
    border-radius: 20px;
    background-color: var(--e-global-color-db69697);
    color: #fff;
}

#resetFiltersButton:hover {
    transform: scale(1.08);
    background: linear-gradient(0.25turn, rgb(255, 249, 34), rgb(255, 0, 128));
    color: black;
    font-weight: bold;
}

.logo {}

@media screen and (max-width: 767px) {

    #typePlace,
    #services {
        width: 45%;
    }

    #resetDiv {
        width: 100%;
    }

    #resetFiltersButton {
        width: 50%;
        display: block;
        margin: 6% auto;
    }

    #servicesForm {
        width: 93%;
    }

    .select-items {
        width: 88%;
    }

    #servicesForm .select-items {
        width: 88%;
        top: 265px
    }

    #resetFiltersButton {
        transform: scale(1.08);
        
        color: black;
        font-weight: bold;
    }

    #content-div {
        flex-direction: column;
    }


    #button {
        display: flex;
        justify-content: flex-end;
        margin: 5% 2%;
    }

    #list {
        width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        overflow: visible;
        display: block;
    }

    #map {
        width: 100%;
        display: none;
        margin-left: auto;
        margin-right: auto;
        height: 550px;
    }

    .card {
        padding: 15px;
    }

    .card p {
        font-size: 125%;
    }

    .button-list {
        background-image: url('../images/listIcone.png');
    }

    .button-map {
        background-image: url('../images/map.png');
    }



    .button-list,
    .button-map {
        background-repeat: no-repeat;
        background-position: center;
        background-size: calc(100% - 20px);
        width: 50px;
        height: 50px;
        padding: 10px;
        border: none;
        cursor: pointer;
    }

    .list-active {
        background-image: url('../images/listIcone-selected.png');
    }

    .map-active {
        background-image: url('../images/map-selected.png');
    }

    .list-active,
    .map-active {
        background-color: rgb(186, 34, 83);
        padding: 10px;
        border-radius: 10px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: calc(100% - 20px);
        width: 50px;
        height: 50px;
        padding: 10px;
        border: none;
        cursor: pointer;
    }

    .facebook img,
    .instagram img,
    .twitter img,
    .linkedin img {
        width: 65%;
    }
}