/* MAP BLOCK STYLES */
.map-block.design1 {
  position: relative;
  padding: 60px 0;
  margin-bottom: 40px;
  min-height: 275px;
}

.map-block.design1 .row > div {
  background: #ffffff;
  padding: 30px;
  border-radius: 10px;
}

.map-block.design1 a:link {
  display: block;
  margin-bottom: 10px;
}

.map-block #map {
  height: 100%;
  width: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
}

.map-block .map_details p a {
  display: inline-block;
}

@media (min-width: 992px) {
  .map-block.design1 {
    margin-bottom: 80px;
    min-height: 300px;
    padding: 20px 0;
  }

  .map-block.design1 .row > div {
    padding: 60px;
  }
}

/* design 2 */
.map-image {
  display: block;
  max-width: 100%;
  width: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover !important;
  object-position: center !important;
}

.map-link-container {
  text-align: left;
  background-color: #4d4d4d !important;
  display: block;
  max-width: 100%;
  width: 100%;
  border-radius: 0 0 10px 10px;
  padding: 2px 0 !important;
}

.map-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  margin: 2px 0;
  display: inline-block;
  padding-left: 15px;
}

.map-link-container a {
  text-decoration: none;
  color: #ffffff !important;
}

.map-link-container a:hover {
  color: #b61c20 !important;
}

.map-block .content-div p,
.map-block .content-div ul {
  margin-bottom: 0px;
}
.location-template .map-block {
  margin-bottom: 80px !important;
}
.custom-marker img {
  width: 25px;
  height: 25px;
}
.sec-div {
  /* max-height: 200px;  
    overflow-y: auto;   */
}
.map-design3 li a {
  color: #ffffff !important;
}

/* image height */
@media (min-width: 320px) {
  .location-template .map-block.design2 .content-div {
    margin-top: 30px;
  }
  /* .map-image {
        height: 163px !important;
    } */
}

@media (min-width: 370px) {
  /* .map-image {
        height: 191px !important;
    } */
}

@media (min-width: 576px) {
  /* .map-image {
        height: 287px !important;
    } */
}

@media (min-width: 768px) {
  /* .map-image {
        height: 388px !important;
    } */
}

@media (min-width: 992px) {
  /* .map-image {
        height: 355px !important;
    } */
  .location-template .map-block.design2 .content-div {
    margin-top: 0px;
  }
  .scrollable-content {
    max-height: 224.59px;
    overflow-y: auto;
  }
  .map-design3 .first-div {
    padding-right: 0px !important;
  }
  .map-design3 .sec-div {
    height: auto !important;
  }
}

@media (min-width: 1200px) {
  /* .map-image {
        height: 482px !important;
    } */
  .scrollable-content {
    max-height: 326.05px;
    overflow-y: auto;
  }
}

@media (min-width: 1440px) {
  /* .map-image {
        height: 574px !important;
    } */
  .scrollable-content {
    max-height: 346.05px;
    overflow-y: auto;
  }
}

/* version 3  */
/* Common Styles */
.map-block .v3 {
  /* background-color: #001738;  */
  /* color: white; */
  padding: 10px;
}

.map-block .v3 a.map-link {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #b61c20;
  border-radius: 50px;
  color: #b61c20;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}

.map-block .v3 p b {
  color: white;
}

/* Flexbox for Equal Height Columns */
.map-design3 .row {
  /* display: flex;
    align-items: stretch;  */
  gap: 0;
  /* height: 100%;
    min-height: 100%;
    box-sizing: border-box; */
}

/* Map Section (Left) */
/* .map-design3 .first-div {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
  } */

/* Content Section (Right) */
.map-design3 .content-div.v3 {
  /* flex: 1; */
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between;  */
  /* align-items: flex-start; */
  background-color: #001738;
  color: white;
  padding: 20px;
  text-align: left;
  height: 100%;
  box-sizing: border-box;
  /* overflow-y: auto; */
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

/* Button Styling */
.map-design3 .v3 .map-link.v3 {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #b61c20;
  border-radius: 50px;
  color: #b61c20;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}

.map-design3 .first-div img.map-image {
  height: 100%;
  border-radius: 8px 0 0 8px;
}

.sec-div {
  /* flex: 1; */
  /* overflow-y: auto; */
}

@media (max-width: 768px) {
  .map-design3 .content-div.v3 {
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px !important;
  }
  .map-design3 .first-div {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width: 991px) {
  .map-design3 .row {
    /* flex-direction: column; */
    height: auto;
  }
  .map-design3 .first-div,
  .map-design3 .content-div.v3 {
    height: auto;
  }
  .map-design3 .first-div img.map-image {
    border-radius: 8px 8px 0 0;
  }
}

.sec-div {
  /* max-height: none !important; */
  /* overflow-y: visible !important; */
}

@media (min-width: 991px) and (max-width: 1395px) {
  .map-design3 .row {
    /* flex-direction: column;  */
  }

  /* .first-div, 
    .content-div.v3 {
        width: 100%;
        max-width: none;
        flex: 0 0 auto;
        height: auto;
    }
  
    .sec-div {
        max-height: none !important;
        overflow-y: visible !important;
    } */
}

/* @media (min-width: 1395px) {
    .map-design3 .row {
        flex-direction: row;
    }
  
    .first-div,
    .content-div.v3 {
        height: 100%;
        flex: 1;
    }
  } */

.sl3-map-block {
  margin: 0;
}

.sl3-map-block .sl3-container {
  max-width: 1440px;
  overflow: hidden;
}

.sl3-map-block.map-design3 .row > div {
  min-height: 480.25px !important;
  max-height: fit-content !important;
  overflow: unset !important;
}

.sl3-map-block.map-design3 .content-div.v3 {
  padding: 40px 64px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sl3-map-block.map-design3 .content-div.v3 p,
.sl3-map-block.map-design3 .content-div.v3 ul li {
  color: #fff;

  /* Text/Regular/Semi Bold */
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  margin-bottom: 8px;
}

.sl3-map-block.map-design3 .content-div.v3 p b {
  font-weight: 600;
}

.sl3-map-block.map-design3 .content-div.v3 ul {
  margin-bottom: 16px;
}

.sl3-map-block.map-design3 .content-div.v3 ul li {
  font-weight: 400;
}

.sl3-map-block.map-design3 .content-div.v3 ul + .v3 {
  padding: 0;
  margin-top: 24px;
}

.sl3-map-block.map-design3 .v3 .map-link.v3 {
  padding: 12px 24px;
  border-radius: 16px;
  background: #ef4448;
  color: #fff;
  background: none;

  /* Text/Regular/CTA */
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .sl3-map-block .sl3-container .row {
    margin: 0;
  }

  .sl3-map-block.map-design3 .content-div.v3 {
    padding: 32px 15px;
    border-radius: 0px;
  }
}