/* Minification failed. Returning unminified contents.
(90,20): run-time error CSS1039: Token not allowed after unary operator: '-red'
 */
/*Talk with gil
    .areas-container .carousel-location > li {
    border-radius: 30px;
}
    .areas-container .carousel-location > li h4 {
        font-size: 1.25rem;
    }
    .areas-container .carousel-location > li .icon-location-area {
        width: 34px;
        height: 34px;
        margin-left: 5px;
    }
        .areas-container .carousel-location > li .icon-location-area > svg {
            height: 16px;
        }
*/

.areas-container.carousel-location .area-info h4 {
    font-size: 1.2rem;
    position: relative;
    top: -2px;
    font-weight: 700
}

.areas-container.carousel-location .area-info span {
    font-weight: 500
}

.areas-container.carousel-location .area-info > .icon-location-area {
    border-radius: 50%;
    background: #f4f4f4;
    width: 64px;
    height: 64px;
    margin-left: 16px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.area-info a {
    font-size: 1.5rem;
    position: relative;
    top: -2px;
    font-weight: 700;
}

.areas-container .owl-item li {
    margin-left: 17px !important;
}

.areas-container .owl-stage{
    height:110px;
}


.areas-container.carousel-location .area-info > .icon-location-area > svg {
    fill: #dd2127;
    height: 30px;
    display: inline-block;
}

.areas-container.carousel-location .area-info:hover .icon-location-area {
    background: #fff1f2;
}


    .areas-container.carousel-location > li {
        width: 100%;
    }


.areas-container.carousel-location > li:hover .icon-location-area {
    background: #fff1f2
}

.carousel-title > .carousel-arrows > a {
    width: 35px;
    height: 35px;
    background: #ffe9ea;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}


    .carousel-title > .carousel-arrows > a > svg {
        fill: var(--red);
        height: 16px;
    }




.areas-container .carousel-rest {
    white-space: nowrap;
    width: 100%;
    padding: 15px 0 20px 0
}
    /*.carousel-rest > li {margin-left: 15px; padding: 10px;}*/
    .areas-container .carousel-rest > li .rest-details {
        flex-direction: column;
        align-items: baseline
    }
        .areas-container .carousel-rest > li .rest-details .rest-name {
            font-size: 1.25rem;
        }
        .areas-container .carousel-rest > li .rest-details .rest-address {
            font-size: 1.125rem;
        }
.areas-container .carousel-rest > li .tag-list > li {
    font-size: 0.875rem;
    padding: 1px 8px 4px 8px
}
    .areas-container .carousel-rest > li .wrap-img-rest > img {
        max-width: fit-content;
        width: 240px;
    }
    .areas-container .carousel-rest > li .rest-actions > ul > li {
        font-size: 0.875rem;
    }
    .areas-container .carousel-rest > li .rest-details > a {
        display: block;
        font-size: 1rem;
        display: block;
        width: 100%;
        text-align: center;
        padding: 4px 15px 8px 15px;
        border-radius: 30px;
        margin-top: 10px;
    }
    .areas-container .carousel-rest > li .tag-list > li > svg {
        height: 10px;
        top: 1px
    }

      /*  .carousel-rest > li:last-child {
            margin-left:0
        }*/

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

    .carousel-location > li {
        border-radius: 30px;
    }

    .areas-container.carousel-location .area-info h4 {
        font-size: 1.25rem;
    }

    .areas-container.carousel-location .area-info > .icon-location-area {
        width: 34px;
        height: 34px;
        margin-left: 5px;
    }

        .areas-container.carousel-location .area-info > .icon-location-area > svg {
            height: 16px;
        }





.carousel-rest {
overflow: scroll;
white-space: nowrap;
width: 100%;
padding: 15px 0 20px 0
}

    .carousel-rest > li {
        margin-left: 15px;
        padding: 10px;
        margin-top: 10px;
    }

    .area-info a {
        font-size: 1.25rem;
    }

    .carousel-rest > li .rest-details {
        flex-direction: column;
        align-items: baseline
    }

        .carousel-rest > li .rest-details .rest-name {
            /*font-size: 1.25rem;*/
            font-size: 1rem;
        }

.carousel-rest > li .rest-details .rest-address {
font-size: 0.9rem;
}

.carousel-rest > li .tag-list > li {
font-size: 0.875rem;
padding: 1px 8px 4px 8px
}

.carousel-rest > li .wrap-img-rest > img {
max-width: fit-content;
width: 240px;
}

.carousel-rest > li .rest-actions > ul > li {
font-size: 0.875rem;
}

.carousel-rest > li .rest-details > a {
display: block;
font-size: 1rem;
display: block;
width: 100%;
text-align: center;
padding: 4px 15px 8px 15px;
border-radius: 30px;
margin-top: 10px;
}

.carousel-rest > li .tag-list > li > svg {
height: 10px;
top: 1px
}
}