/* LOCATION BLOCKS */
#location_blocks a {
	text-decoration: none;
}
#location_blocks {
    margin-top: 100px;
    margin-bottom: 180px;
}
#location_blocks .mainTitle {
    color: var(--text-blue);
    font-family: var(--font-secondary);
    font-size: var(--fs-24);
    font-style: normal;
    font-weight: var(--font-bold);
    line-height: var(--lh-32); 
    letter-spacing: 5%;
    text-transform: uppercase;
}
#location_blocks .blocks_btns {
    display: flex;
    gap: 1.5rem;
}

#location_blocks .blocks_btns .btn_one, #location_blocks .blocks_btns .btn_two {
    border-radius: 40px;
    border-bottom: 1px solid #FFF;
    background: #FFF;
    padding: 0 20px;
    color: var(--text-blue);
    font-family: var(--font-primary);
    font-size: var(--fs-22);
    font-style: normal;
    font-weight: var(--font-regular);
    line-height: var(--lh-32); 
    margin: auto;
    height: 50px;
    display: flex;
    align-items: center;
    transition: .3s all ease-in-out;
    cursor: pointer;
}
#location_blocks .blocks_btns .btn_one:hover, #location_blocks .blocks_btns .btn_two:hover {
    border-radius: 40px;
    border-bottom: 1px solid #013877;
    background: #013877;
    color: var(--text-white);
    transition: .3s all ease-in-out;
}
#location_blocks .blocks_btns .btn_one.blue, #location_blocks .blocks_btns .btn_two.blue {
    border-radius: 40px;
    border-bottom: 1px solid #013877;
    background: #013877;
    color: var(--text-white);
    transition: .3s all ease-in-out;
}
#location_blocks .epikoinwnia_blocks_first {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
/* #location_blocks .blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem;
}
#location_blocks .blocks .block {
    position: relative;
    border-radius: 20px;
    background: #FFF;
    padding: 32px 24px;
     flex: 1 1 calc((100% - (1.75rem * 3)) / 4);
    box-sizing: border-box;
    min-height: 500px;
} */
#location_blocks .blocks .block img {
    width: 100%;
    height: 187px;
    object-fit: cover;
    border-radius: 20px;
}
#location_blocks .location-blocks-slider {
    overflow: visible;
}
#location_blocks .blocks .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.75rem;
}
#location_blocks .blocks .block {
    background: #FFF;
    border-radius: 20px;
    padding: 32px 24px;
    /* max-height: 500px; */
    position: relative;
    display: block;
}
#location_blocks .blocks .block_page_link {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 20px;
}
#location_blocks .blocks .block.show {
    display: block;
}
#location_blocks .blocks .block.hide {
    display: none;
}
#location_blocks .blocks .block .title {
    color: var(--text-blue);
    font-family: var(--font-primary);
    font-size: var(--fs-22);
    font-style: normal;
    font-weight: var(--font-regular);
    line-height: var(--lh-32); 
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 2rem;
}
#location_blocks .blocks .block .text {
    color: var(--text-dark-blue);
    font-family: var(--font-secondary);
    font-size: var(--fs-18);
    font-style: normal;
    font-weight: var(--font-thin);
    line-height: var(--lh-24); 
    margin: 20px 0;
}
#location_blocks .blocks .block a {
    text-decoration: none;
}
#location_blocks .blocks .block .address {
    color: var(--btn-semi-light-blue);
    font-family: var(--font-secondary);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-thin);
    line-height: var(--lh-24); 
}
#location_blocks .blocks .block .block_first {
    position: relative;
}
#location_blocks .blocks .block .phone {
    color: var(--btn-semi-light-blue);
    font-family: var(--font-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-regular);
    line-height: var(--lh-32); 
    border-radius: 20px;
    background: #FFF;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    bottom: 15px;
}
#location_blocks .swiper-pagination {
    display: none;
}
/* @media (min-width: 1000px) and (max-width: 1873px) {
    #location_blocks .blocks .block .title {
        height: 65px;
    }
} */
 @media (min-width: 1001px) and (max-width: 1677px) {
     #location_blocks .blocks .block .phone {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 20px;
        max-width: 175px;
        display: flex;
        flex-wrap: wrap;
    }
 }
@media (min-width: 1001px) and (max-width: 1500px) {
    #location_blocks .blocks .swiper-wrapper {
        gap: 0.5rem;
    }
}
@media (min-width: 1001px) and (max-width: 1400px) {
    #location_blocks .blocks .block .title {
        font-size: 20px;
    }
    #location_blocks .blocks .block .text {
        font-size: var(--fs-16);
    }
}
@media (min-width: 1001px) and (max-width: 1200px) {
    #location_blocks .blocks .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }
    #location_blocks .blocks .block img {
        max-width: 100%;
    }
}
@media (max-width: 1000px) {
    #location_blocks {
        margin-top: 65px;
        margin-bottom: 100px;
        position: relative;
    }
    #location_blocks .location-blocks-slider {
        overflow: hidden;
    }
    #location_blocks .blocks .swiper-wrapper {
        display: flex;
        gap: 0;
    }
    #location_blocks .blocks .block.swiper-slide {
        height: auto;
    }
    #location_blocks .epikoinwnia_blocks_first  {
        flex-direction: column;
        margin-bottom: 1.5rem;
        gap: 1.5rem;
    }
    #location_blocks .mainTitle {
        font-size: var(--fs-18);
    }
    #location_blocks .blocks_btns {
        width: fit-content;
    }
    #location_blocks .blocks_btns .btn_one, #location_blocks .blocks_btns .btn_two {
        font-size: var(--fs-18);
    }
    #location_blocks .blocks .block .title {
        font-size: 20px;
    }
    #location_blocks .blocks .block .text {
        font-size: var(--fs-16);
    }
    #location_blocks .blocks .block img {
        max-width: 100%;
    }
    #location_blocks .swiper-pagination {
        display: block;
        position: absolute;
        bottom: -3rem;
    }
    #location_blocks .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #013877 !important;
        width: 10px;
        height: 10px;
    }
    #location_blocks .swiper-pagination-bullet {
        border-radius: 10px;
        border: 1px solid #013877;
        width: 10px;
        height: 10px;
        background-color: transparent !important;
    }
}