/* /////////////////08.04.24///////////////// */

.location {
    background-color: #f7f7f7;
}
.location_wrap {
    padding: 80px 0px 40px 0px;
}
.text_location_area {
    padding: 80px 0px 70px 0px;
}

/* .location_main {
    box-shadow: -2px 5px 22px -14px rgba(66, 68, 90, 1);
} */

.location_class {
    align-items: stretch;
    border: 0;
    box-sizing: border-box;
    color: #3d3d3d;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 30px 0;
    position: relative;
    text-transform: uppercase;
    vertical-align: baseline;
}
.location_main_wrap {
    /* background-color: #fff; */
    /* border: 1px solid #dbdbdb; */
    border-bottom: 0px;
    border-radius: 3px 3px 0 0;

    display: flex;
    flex-direction: column;
}
.location_group_wrap {
    border-radius: 3px 3px 0 0;
    padding: 30px;
    display: flex;
    flex-direction: column;

    /* background: rgba(219, 173, 36, 0.11); */
    /* border: 1px solid rgba(219, 173, 36, 0.388); */
    background: rgba(0, 144, 182, 0.11);
    border: 1px solid rgba(0, 144, 182, 0.388);
    margin-bottom: 40px;
    /* box-shadow: -2px 5px 22px -14px rgba(66, 68, 90, 1); */
}

.location_group_ul {
    display: grid;
    column-gap: 15px;
    row-gap: 15px;
    grid-template-columns: auto auto auto auto auto;
}

.location_group_ul {
    min-width: 160px;
    align-items: stretch;
    justify-content: stretch;
}

.location_group_li {
    text-overflow: ellipsis;
    overflow: hidden;
    /* padding: 5px 10px; */
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.location_group_li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.location_group_li:hover a.lp_link .location_group_p {
    color: #D2AF26;
}

.location_group_li:after {
    content: "";
    position: absolute;
    background-image: url(https://www.becinc.net/wp-content/themes/bec/images/icon/placeholder.png);
    background-repeat: no-repeat;
    background-size: 24px;
    left: 5px;
    top: 13px;
    width: 24px;
    height: 24px;
    filter: invert(1);
}
.location_group_li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 100%;
    background-color: #D2AF26;
}


.location_group_p {
    padding: 10px 10px 10px 45px;
    background-color: #fff;
}
a.lp_link .location_group_p, a.lp_link .location_group_p:hover {
    text-decoration: none;
}
.location_group_p, .location_group_p:visited {
    color: #000;
    font-size: 16px;
}
.location_main_p, .location_main_p:visited {
    color: #fff;
    font-size: 16px;
}

.location_main_p {
    padding: 10px 0px 10px 30px;
    display: block;
    background-color: #358EB5;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.35) 0px 4px 6px -1px;
}
.location_main_p:hover {
    color: #fff;
}
.location_main_p, .location_group_p {
    margin-bottom: 0px !important;
}

/* .location_group_wrap.mar_off {
    border-top: 0px;
} */

/*//////////////////////23.01.25///////////////////////*/


.bec_blogrow {
    display: flex !important;
    flex-wrap: wrap !important;
}

.bec_blogrow .single-blog-item .text-holder .text-box h3.blog-title {
    font-size: 18px;
    line-height: 1.5em !important;
    height: 2.8em !important;
    overflow: hidden !important;
    /* white-space: nowrap; */
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.bec_blogrow .single-blog-item .text-holder .text-box .text p {
    margin-bottom: 0px;
    line-height: 1.5em !important;
    height: 4.5em !important;
    overflow: hidden !important;
    /* white-space: nowrap; */
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

#blog-area .bec_blogrow .blog-post {
    border: 1px solid #f7f7f7 !important;
    margin: 0px 0px 30px !important;
    padding: 0px !important;
}
.blog-with-sidebar-area .bec_blogrow .blog-post .single-blog-item {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}
.bec_blogrow .single-blog-item .text-holder {
    padding-right: 15px;
    padding-bottom: 20px;
}
.bec_blogrow .single-blog-item .img-holder img {
    width: 100%;
    height: 185px;
    object-fit: cover;
    object-position: center;
}

.blog_pagination {
    margin-top: 20px;
}







/* /////////////////////////////////////res///////////////////////////////////////// */

@media only screen and (max-width: 1199px) {
    .location_group_ul {
        grid-template-columns: auto auto auto;
    }
}

@media only screen and (max-width: 991px) {
    .location_wrap {
        padding: 60px 0px 20px 0px;
    }
    .text_location_area {
        padding: 40px 0px 50px 0px;
    }
    .location_group_ul {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 767px) {
    .location_group_ul {
        grid-template-columns: auto;
    }
    .location_main_p {
        padding: 10px 0px 10px 0px;
        text-align: center;
    }
/*    */
    #blog-area .bec_blogrow .blog-post {
        max-width: 500px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .bec_blogrow .single-blog-item .img-holder img {
        height: 185px;
    }
    .bec_blogrow .single-blog-item .text-holder .text-box h3.blog-title {
        height: inherit !important;
        overflow: visible !important;
        text-overflow: inherit !important;
        display: block !important;
        -webkit-line-clamp: inherit !important;
        -webkit-box-orient: inherit !important;
    }
}

@media only screen and (max-width: 575px) {
    .location_group_ul {
        grid-template-columns: auto;
    }
    .location_group_wrap {
        padding: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .blog_pagination {
        display: flex;
        justify-content: center;
    }
    .blog_pagination .page-numbers, .page-numbers:hover {
        float: left;
    }
}