/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-map/block-map.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.map {
  padding: 60px 0; }
  @media screen and (max-width: 600px) {
    .map {
      padding: 30px 0; } }
  .map_inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    background: #053937;
    color: #fff;
    border-radius: 16px;
    padding: 45px; }
    @media screen and (max-width: 1030px) {
      .map_inner {
        padding: 25px; } }
    @media screen and (max-width: 960px) {
      .map_inner {
        flex-direction: column; } }
  .map_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 540px; }
    @media screen and (max-width: 960px) {
      .map_content {
        max-width: unset; } }
  .map_text {
    margin: 24px 0; }
  .map_card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    padding: 30px;
    background: #faf5e7;
    color: #171717;
    border-radius: 12px; }
    .map_card-content {
      margin-top: 10px; }
    .map_card-value {
      margin-top: 30px; }
    @media screen and (max-width: 385px) {
      .map_card {
        flex-direction: column; } }
  .map_container {
    width: 100%;
    max-width: 910px;
    height: 586px;
    object-fit: cover;
    border-radius: 12px;
    margin-left: 35px; }
    @media screen and (max-width: 1520px) {
      .map_container {
        max-width: 750px; } }
    @media screen and (max-width: 1520px) {
      .map_container {
        max-width: 600px;
        height: 450px; } }
    @media screen and (max-width: 1150px) {
      .map_container {
        max-width: 450px; } }
    @media screen and (max-width: 960px) {
      .map_container {
        max-width: unset;
        margin-left: 0;
        margin-top: 35px; } }
    @media screen and (max-width: 500px) {
      .map_container {
        height: 350px; } }